Improve Navbar Mobile Responsiveness Across All Devices

[Dippp10]

Description:
The current navbar in the FitFinder application does not display optimally on all screen sizes, especially on smaller devices. Improving its responsiveness will enhance user experience on mobile and tablet devices.

Tasks:

Ensure the navbar layout adapts to various screen widths:

Small devices: <480px

Medium devices: 480px–768px

Large devices: 769px–1024px

Extra-large devices: 1025px–1440px

Ultra-wide screens: >1440px

Implement a collapsible or hamburger menu for smaller screens.

Maintain proper spacing, alignment, and legibility of links and icons.

Test on multiple devices and browsers for consistent behavior.

Expected Outcome:

Smooth and visually consistent navbar across all devices.

Better navigation experience for mobile and tablet users.

[Dippp10]

@Rizwan10200ji, do provide wocs label and level 2 label to above issue that i have created ....do assign above issue number 44 to me

[Dippp10]

@Sitaram8472 ji, do assign level 2 label to it instead of level 1 and I would submit pull request regarding above issue within a week