[Bug]: Making Navbar more organized and Responsive to small screens

[Sitambhra02]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

The navbar doesn't look organized isn't giving good user experience.

Expected behavior

Changes i want to Implement

• I want to improve user experience by aliging the dark mode in rightmost which is usually the case , making all others elements in the centre . It gives a clean look to the navbar.
• I will also ensure the responsiveness of the NavBar

Note:
I am SWOC(Social Winter of Code) Contributor. So Kindly add following Labels:
SWOC-Contributor, Level-2/3 or Intermediate, or any others you want.

Add ScreenShots

No response

On which device are you experiencing this bug?

No response

Record

• I have read the Contributing Guidelines
• I'm a GSSOC'24 contributor
• I have starred the repository

[github-actions]

Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.