improve Overflowing Content in Category Options and scroll bar

[VidhanThakur09]

Related Issue

Issue Fixed: #1255

Description

Improve The NavBar and overflowing content in categories options with fixed scroll bar styling on every page.

Improvements:

1. Optimized NavBar: Enhanced the navbar on categories to improve user experience.

2. Revamped CSS Design: improve the scroll bar and navbar and make them the same as the landing page.

How Has This Been Tested?

The program was tested locally on a machine using the Chrome browser. To verify the changes, the website was loaded after the modifications were made. This involved manually inspecting the visual elements and functionally testing various user interactions to ensure the changes were implemented correctly.

Screenshots 📷

Before changes

Screen.Recording.2024-10-21.145138.mp4

After

Screen.Recording.2024-10-21.215752.mp4

Pull Request Checklist

• I have added screenshots and videos to show before and after the working of my code.
• I have ensured that the screen size is set to 100% while making the video.
• I have synced the latest fork with my local repository and resolved any conflicts.
• I have mentioned the issue number which I created before making this PR .(format to mention issue number is : fixes #(issue number) )
• I understand that if any the above conditions are not met , my PR will not be MERGED .

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
word-wise	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 21, 2024 4:39pm

[github-actions]

🎉🎉 Thank you for your contribution! Your PR #1268 has been merged! 🎉🎉