[FEATURE] Improve Mobile Navbar with Smooth Transition

[rishvant]

Why do we need this improvement?

1. The previous mobile navbar transition was not smooth.
2. A better user experience with a clean and polished animation.

How will this change help?

1. Improved user experience with a smooth transition effect.
2. Better visual hierarchy when navigating on mobile.

Screenshots

Currently: https://drive.google.com/file/d/1-QSJKssIEd6_ItylTRPTBPJO5Dy9f1ox/view?usp=sharing
Can be changed to: https://drive.google.com/file/d/1fe2QUhf0gxkpmudgsPqBJnRTu4di0l0x/view?usp=sharing

How could it be implemented/designed?

1. Apply a translate effect (translate-y-[75px]) for smooth transitions.
2. Modify z-index values to ensure proper layering, particularly:
   • z-[99] for the main navbar.
   • z-[98] for the backdrop.

🚧 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!

[rishvant]

@AceTheCreator @ashmit-coder Please look into this if we can implement.

[AceTheCreator]

Yea, @rishvant. I agree adding a smooth transition to the conference website will be really nice.

Kindly go ahead and open a PR for it.

[rishvant]

@AceTheCreator Please have a look and let me know if changes are required