Added new navbar for the mobile screen

[Utsavladia]

Related Issue #640

[Please link to any related issue(s) this pull request addresses. If none, simply state “None”]

Description

Added the new navbar for mobile screen to enahnce the user experience...

Type of PR

• [x] Bug fix
• [ ] Feature enhancement
• [ ] Documentation update
• [ ] Other (specify): ___

Screenshots / Videos (if applicable)

Checklist:

• [x] I have performed a self-review of my code.
• [x] I have read and followed the Contribution Guidelines outlined in the project's documentation.
• [x] I have thoroughly tested the changes before submitting this pull request.
• [x] I have provided relevant issue numbers, screenshots, and videos after making the changes.
• [x] I have commented my code, particularly in hard-to-understand areas.

Additional Context:

[Include any additional information or context that might be helpful for reviewers. This could include details about any design decisions, potential impacts, or alternative approaches considered.]

[github-actions[bot]]

Excellent work🚀🚀, @Utsavladia! Thank you for submitting your pull request. Your contribution is valuable, and we appreciate your efforts to improve our project. We will review your changes promptly and provide feedback. Keep up the excellent work! Please remember to check our documentation and guidelines.

[netlify[bot]]

✅ Deploy Preview for blogzen-opensource ready!

Name	Link
🔨 Latest commit	f1ef79970289cfa25ff26366a201332e632540ce
🔍 Latest deploy log	https://app.netlify.com/sites/blogzen-opensource/deploys/6679b4d52e32aa0009d7c7f6
😎 Deploy Preview	https://deploy-preview-647--blogzen-opensource.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.