Add responsive navbar styles for multiple devices

[Dippp10-ally]

Summary

This PR introduces updates to the application's navigation bar (Navbar) to improve usability, accessibility, and overall user experience.

Changes Included

• Added/updated navigation links for easier access to key sections.
• Improved responsive behavior for mobile and tablet devices.
• Enhanced styling and layout consistency across screen sizes.
• Added active state highlighting for the current page.
• Improved accessibility with better keyboard navigation and ARIA attributes.
• Refactored Navbar component structure for improved maintainability.

Benefits

• Provides a clearer navigation experience for users.
• Improves responsiveness across devices.
• Enhances accessibility compliance.
• Makes future Navbar updates easier to implement.

Testing

• Verified navigation links route correctly.
• Tested responsive layouts on desktop, tablet, and mobile viewports.
• Confirmed active states display as expected.
• Performed basic accessibility and keyboard navigation checks.

Screenshots

Add before/after screenshots here if applicable.

[Dippp10-ally]

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