Fix: Consistent mobile navbar appearance across all pages

[vanshika-varshney]

Description

This PR fixes the issue where the mobile navbar appearance differed from page to page when the hamburger icon was clicked.
Now, the navbar opens with a consistent layout, styling, and animation across all routes.
Fixes #920

Type of change

• Bug fix
• Improvement

How Has This Been Tested?

Tested locally.

Screenshot

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my code
• I have commented my code where necessary
• I have added tests that prove my fix is effective or that my feature works

[github-actions]

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼