Navbar UI enhanced

[sharmi4590]

Related Issue

[Cite any related issue(s) this pull request addresses. If none, simply state "None”] Solved issue #331

Description

[Please include a brief description of the changes or features added] I have enhanced the whole UI of the navbar now it is responsive for every screen and there are no overlappings as well.

Type of PR

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

Screenshots / videos (if applicable)

[Attach any relevant screenshots or videos demonstrating the changes]

https://github.com/user-attachments/assets/bd3422f0-3c84-49fc-86e9-e11a8eb9ab7c

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:

[Include any additional information or context that might be helpful for reviewers.]

[vercel[bot]]

@sharmi4590 is attempting to deploy a commit to the My Team Team on Vercel.

A member of the Team first needs to authorize it.

[sharmi4590]

Hey @Mansi168 Could u please look into my PR

[vercel[bot]]

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

Name	Status	Preview	Comments	Updated (UTC)
emo-well	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 26, 2024 1:00pm

[sharmi4590]

Hey @Mansi168 could you please assign me the labels otherwise this will not count.