[FEATURE] Add smooth transition to the search modal opening

[auraticabhi]

Why do we need this improvement?

The search modal opens and close instantly without any smooth transition, which creates a jarring user experience. A smooth entry and closing transition would improve the user interface and make it feel more polished.

How will this change help?

The change will introduce a smooth transition in opening and closing of the modal and add transition effects for a smoother experience. It will help to enhance the UI by making modal visibility transition more graceful.

Screenshots

Issue.mp4

How could it be implemented/designed?

By adding a slight delay in setting the modal visibility state and using CSS transitions to smoothly animate the modal's opacity and scaling on opening and closing can solve the issue.
Additionally transitions can be applied to the modal's wrapper and content to smoothly animate the changes.

🚧 Breaking changes

No

👀 Have you checked for similar open issues?

• I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

Are you willing to work on this issue?

Yes I am willing to submit a PR!

[github-actions]

Welcome to AsyncAPI. Thanks a lot for reporting your first issue. Please check out our contributors guide and the instructions about a basic recommended setup useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.