BUG: Responsiveness Issue

## Description:
The navbar is not fully responsive on smaller screens. Some elements are cut off or misaligned, making the navigation difficult on mobile devices.

## Steps to Reproduce:
- Open the website.
- Inspect the page using developer tools (`Ctrl + Shift + I` or `Cmd + Option + I`).
- Toggle to mobile view (`Ctrl + Shift + M` or `Cmd + Shift + M`).
- Notice how the navbar elements appear misaligned or cut off.

## Expected Behavior:
The navbar should adjust properly for all screen sizes, using a responsive design approach.

Here’s a screenshot highlighting the issue for reference:

If you're interested in fixing this under SWOC, comment below to take up the issue!