Fix navbar layout and add hamburger menu for category navigation

[kritgarg]

Description:
The current main navbar needs improvements to enhance navigation, especially for smaller screens. This issue focuses on fixing the navbar layout and adding a hamburger menu to allow users to easily access category links (e.g., Food, Vegetables, Dairy, Bakery, etc.) on mobile and tablet devices.

Requirements:

Fix alignment, spacing, and responsiveness of the main navbar.

Implement a hamburger menu for mobile/tablet views.

Ensure all category links are accessible through the hamburger menu.

Maintain consistent styling with the rest of the site (header, footer, dark mode if applicable).

Smooth transitions/animations for opening and closing the menu.

Benefits:

Improves navigation for mobile and smaller screens.

Makes category links easily accessible to all users.

Enhances overall user experience and mobile usability.

[kritgarg]

@cu-sanjay can you assign me this under hacktoberfest

[kritgarg]

@cu-sanjay hacktoberfest is not counting my pull request it declined by request

[nilish2006]

@geetxnshgoyal can u assign me work on this part i would like to contribute