fix: Glass Effect Conflicts with Modal

[iamibrahimriaz]

PR Type

What kind of change does this PR introduce?

• Bugfix
• Security fix
• Improvement
• New Feature
• Refactoring (no functional changes, no api changes)
• Build related changes
• Text changes
• Other... Please describe:

Description

Modals were not displaying correctly when nested inside parent containers with glass effect css (backdrop-filter). They could be clipped, mispositioned, or hidden behind other elements.

Solution:
Move modals to the document.body level when opened, ensuring they're rendered at the top-level DOM hierarchy, completely outside any parent container constraints. This guarantees:

• No clipping from parent overflow properties
• Proper z-index stacking at the document level
• Correct positioning relative to viewport
• Consistent behavior across all browsers

The modal is then restored to its original position when closed to maintain DOM structure integrity.

All modals can not moved down, search form modal issue fixed by using some css implementation.

Any linked issues

Fixes #2562

Checklist

• My code follows the WordPress coding standards