[fix]:#4756 Updating the hamburger style of the website's menu smooth and attractive

[ShauryaKAJLA]

Describe the Issue

Issue is with how actually the menu is displayed when clicked on the icon

Expected Outcome

Smooth and attractive opening of the menu on button press and same way closes

Screenshots

From ->

Screen.Recording.2026-01-06.195654.mp4

To ->

Screen.Recording.2026-01-06.195853.mp4

Steps to Reproduce

open : website
then components
then : navigation
then : MobileNavMenu.tsx,NavBar.tsx

Browser/Device

every device smaller than screen width 1024px

Additional Notes

No response

Check Before Submitting

• I have looked for similar issues to avoid duplicates.
• I have reviewed the Contributing Guidelines.

Would you like to help fix this issue? (Not required, but appreciated!)

• Yes, I am interested in contributing to the fix.

[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.

[Devansh-dvd]

@princerajpoot20 sir could you please assign this issue to me

[SHUBHANSHU602]

hey @ShauryaKAJLA you have checked both the check-box in the issue template . Please clarify whether you want to work or not.

[ShauryaKAJLA]

@SHUBHANSHU602 yes i want to work on it , but there was some error that forced me to check both the boxes i have fixed it thank you .