Mobile Navigation Menu and Search Bar Usability Improvements

[Myself-Varun]

Current Problem:
Mobile Navigation Menu:

When clicking the mobile navigation menu, it expands to cover the entire screen.
This design reduces usability as it completely hides the main content.
Search Bar:

The search bar is always visible, taking up space unnecessarily.
It could be converted into a button that expands when clicked, saving screen space.
Proposed Solution:
Modify the Mobile Navigation Menu:

Instead of covering the full screen, it should only cover 50% of the screen.
This will improve usability by keeping part of the main content visible.
Convert the Search Bar into a Button:

Replace the always-visible search bar with a search button.
The search bar should only appear when the button is clicked, optimizing screen space.

[abhinavmaharana]

Hi @Myself-Varun ,

I would love to work on this. You can assign me this PR.

@aaronbrethorst Would love to hear your thoughts! Let me know if you'd like me to submit a PR.

[Myself-Varun]

Hi @abhinavmaharana,

I am planning to work on the issue myself and submit a PR.
Would @aaronbrethorst accept my contribution to the project?