[FEATURE]: Implemented Sliding Navbar for Mobile View

[PrityanshuSingh]

📋 Description

This PR implements a sliding navbar feature for mobile view, allowing the navigation bar to appear from the left side of the screen when the user clicks on the hamburger icon. This feature aims to enhance the user experience on mobile devices by providing a more intuitive and seamless navigation option.

🔨 Changes Made

• Implemented sliding navbar functionality for mobile view.
• Added hamburger icon that triggers the sliding navbar.
• Applied animation to slide the navbar in and out smoothly.
• Adjusted the layout for responsiveness on different mobile screen sizes.

Fixes #262

✅ Checklist

Before submitting the PR, please make sure you have completed the following:

• I have followed all the guidelines mentioned in CONTRIBUTING.md.
• My code follows the style guidelines of this project.
• I have performed a self-review of my own code.
• I have commented my code, particularly in hard-to-understand areas.
• I have made corresponding changes to the documentation (if applicable).
• I have tested it locally and it works fine.
• Any dependent changes have been merged and published in downstream modules.

🏷️ Types of Changes

What type of changes does your code introduce? (Check all that apply)

• New feature (non-breaking change which adds functionality) ✨
• UI enhancement (non-breaking change which enhances UI) 🎨

📸 Screenshots/Videos

Mobilenavbar.mp4

[github-actions]

🎉 Thank you @PrityanshuSingh for your contribution! Your pull request has been submitted successfully. A maintainer will review it as soon as possible. We appreciate your support in making this project better

[PrityanshuSingh]

@Harshdev098 are there any conflicts or necessary changes you want me to include in the PR in order to get it merged.