Add responsive navbar styles for various screen sizes

[Dippp10-ally]

Description

Improved the navigation bar to provide a better user experience across different screen sizes. The update focuses on responsiveness, accessibility, and overall usability, ensuring smooth navigation on desktop, tablet, and mobile devices.

Related Issue

Closes #16

Type of Change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that causes existing functionality to change)
• Documentation update
• Refactor
• Performance improvement

Changes Made

• Implemented a responsive navbar layout for various screen sizes.
• Added mobile-friendly navigation behavior.
• Improved spacing, alignment, and visual consistency of navigation elements.
• Enhanced accessibility and user interaction.
• Optimized navbar styling for better responsiveness and maintainability.

Testing

• Ran npm test — all tests pass
• Tested manually (if applicable)

Manual Testing Performed

• Verified navbar appearance on desktop, tablet, and mobile viewports.
• Confirmed navigation links remain accessible and properly aligned.
• Tested responsive behavior during screen resizing.
• Checked for layout overflow and alignment issues.

Screenshots (if applicable)

Attach before-and-after screenshots demonstrating the navbar improvements across different screen sizes.

Checklist

• My code follows the project's code style
• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• My changes generate no new warnings or errors
• I have updated the documentation if necessary
• My changes are scoped to a single issue

[Dippp10-ally]

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

[Dippp10-ally]

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

[Dippp10-ally]

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