Add responsive utilities for various screen sizes

[Dippp10-ally]

✨ Overview

This PR improves the navigation bar by enhancing its responsiveness, usability, and overall user experience across different screen sizes. The changes ensure smoother navigation while maintaining a clean and consistent design.

📌 Description

Changes Made

• Improved the overall navbar layout and structure.
• Enhanced responsiveness for mobile, tablet, and desktop devices.
• Optimized navigation links for better accessibility and readability.
• Refined spacing, alignment, and styling for a cleaner UI.
• Improved menu behavior and interactions on smaller screens.

🎯 Motivation

The existing navbar had responsiveness and usability limitations that affected the browsing experience on different devices. These improvements create a more intuitive, accessible, and visually consistent navigation system.

🔗 Related Issue

Closes #59

🧪 Testing

• Verified navbar responsiveness across multiple screen sizes.
• Tested navigation links and interactions.
• Confirmed layout consistency on desktop, tablet, and mobile devices.
• Checked for UI regressions.

📸 Screenshots

Add before-and-after screenshots or screen recordings demonstrating the navbar improvements (if applicable).

✅ Checklist

• Code follows the project's coding standards.
• Responsive behavior has been tested.
• No existing functionality was broken.
• Documentation updated (if required).

[Dippp10-ally]

@MabudAlam ji , do assign labels called as gssoc:approved , level:intermediate , type:feature , quality:exceptional to above pull request number 60 also......do merge above pull request number 60 also.....

[Dippp10-ally]

@MabudAlam ji ,below is screenshot prior to making changes....

[Dippp10-ally]

@MabudAlam ji , below are screenshots after making changes.....