fix: search dialog overlapping code editor

[pooja-bruno]

Description

This PR fixes an issue where the search dialog was overlapping the first few lines of the code editor, affecting readability. The dialog is now positioned correctly without obstructing the code content.

Changes Introduced:

• Added .dialog-opened class to provide padding when the dialog is active.
• Repositioned the search dialog to be fixed at the top with proper spacing.
• Enhanced search dialog styling with improved borders, shadows, and background colors.

Contribution Checklist:

• The pull request only addresses one issue or adds one feature.
• The pull request does not introduce any breaking changes
• I have added screenshots or gifs to help explain the change if applicable.
• I have read the contribution guidelines.
• Create an issue and link to the pull request.

[helloanoop]

@pooja-bruno I discussed this with @lohit-bruno and merged an alternative approach in PR #3983.
Could you test it and confirm if we missed any edge cases?

If everything looks good, we can go ahead and close this PR.

[pooja-bruno]

@helloanoop, I’ve checked it, and it looks good to me. Didn’t find any issues.