feat: add new design of nav menu in mobile devices

[Anmol-Baranwal]

You can view the figma file here.

The design should be responsive.

---

ℹ️ We recommend updating the styling of existing components, otherwise you can add extra components if there is a need.

• You can get icons from here
• You need to implement the active state and navigating to correct route based on selected nav icon.

Any changes to the above design are welcome. Please feel free to share your thoughts, and we will discuss them thoroughly.

---

⚠️ Make sure to push all the changes into dev branch

[github-actions]

To reduce notifications, issues are locked. Your issue will be unlocked when we add the label, 🚀 ready.

[github-actions]

Hello Anmol-Baranwal!
Thank you for raising this issue! 😊 Your contribution is valuable to us! 😊

Please make sure to follow our Contributing Guidelines. 💪🏻

Please only work on an issue if you're assigned; otherwise, the PR will be automatically closed.
Our review team will carefully assess the issue and reach out to you soon! 😇
We appreciate your patience!

[Anmol-Baranwal]

@rupali-codes
I'm creating this because the header design PR is merged, and since there's no sidebar option, I assume we're going with bottom navigation.

[MAXASSASSINS]

Hi @Anmol-Baranwal could you please assign this issue to me.

[Anmol-Baranwal]

@MAXASSASSINS
I have assigned you the issue. Please proceed with it, and don't hesitate to tag any of the maintainers if you require any assistance.