Fix/left sidebar responsiveness and right bar icon responsiveness and overlapping

[anwesha2002]

Related Issue

Fixes #188

Description

This PR fixes the issue of the right left bar icon overlapping with the left sidebar icon in mobile view,
makes left sidebar icon visible in the mobile view ,
reduces code redundancy in the navbar and added some navitems in both normal and mobile view before it was in one of the either later i made it equalized,
fixes z-index in some pages to make the left and right sidebar visible clearly in the mobile view,
fixes left sidebar overflow in mobile view

Type of PR

• [x ] Bug fix
• Feature enhancement
• Documentation update
• Other (specify): _______________

Screenshots / videos (if applicable)

Screen.Recording.2024-08-03.135454.mp4

Checklist:

• [ x] I have performed a self-review of my code
• [ x] I have read and followed the Contribution Guidelines.
• [x ] I have tested the changes thoroughly before submitting this pull request.
• [x ] I have provided relevant issue numbers, screenshots, and videos after making the changes.
• [x ] I have commented my code, particularly in hard-to-understand areas.

Additional context:

I am a gssoc'24 Contributer

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
uni-collab	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 3, 2024 8:30am

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTE.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[SUGAM-ARORA]

Approved