🚀 Feature: Improve navbar responsiveness across all devices

[Dippp10-ally]

🔖 Feature description

Improve navbar responsiveness across all devices to provide a smooth and consistent navigation experience on mobile, tablet, laptop, and desktop screens.

The feature should:

• Optimize navbar alignment and spacing for different screen sizes.
• Prevent overlapping or compressed navigation links.
• Add a responsive hamburger menu for smaller devices.
• Improve menu accessibility and usability on touch devices.
• Ensure proper scaling of fonts, padding, and navigation elements.

This enhancement will improve the overall UI responsiveness and user experience across various resolutions.

🎤 Screenshot

Currently, the navbar layout appears crowded or misaligned on smaller screens.
(Add screenshots here if applicable.)

🔄️ Additional Information

I tried adjusting a few responsive CSS styles manually, but the navbar still requires better breakpoint handling for mobile and laptop layouts. A more structured responsive design using optimized media queries and flexible layouts would provide a cleaner and more maintainable solution.

[Dippp10-ally]

@mehul-m-prajapati ji , do assign above issue number 608 to me....do assign labels called as gssoc:approved , level:intermediate , type:feature , quality:exceptional to above issue number 608 also.....

[mehul-m-prajapati]

ok @Dippp10-ally