#154 Navbar is not mobile responsive and causes horizontal scrolling

[Anonymous]

Originally created by: betelhem-y

The main navigation bar is not mobile-responsive. On mobile viewports (widths below 768px), the navbar elements do not collapse or scale down. This forces the entire page to scroll horizontally, breaking the user experience.

Steps to Reproduce

1. Open the application on a mobile device or use browser developer tools to simulate a mobile screen (e.g., iPhone/Pixel dimensions).
2. Look at the top navigation bar.
3. Try to swipe left and right on the page.

Expected Behavior
The navbar should adapt to smaller screens (e.g., collapse into a hamburger menu or stack vertically). The page layout should remain locked vertically, with zero horizontal scrolling.

Actual Behavior
The navbar elements maintain their desktop widths, spilling off the right side of the screen and causing the entire page to scroll horizontally.