[Feature]: Improve navigation menu responsiveness and user experience

[hema84-prog]

Problem statement

The navigation menu lacks proper responsiveness and clear active states, which affects usability and user navigation, especially on mobile devices. Improving this will make the interface more intuitive, accessible, and user-friendly. I’d like to enhance its UI/UX while keeping the existing structure intact.

Proposed solution

Redesign the navigation menu to be fully responsive, add clear active states for better navigation feedback, and improve layout/spacing. Optionally implement a mobile-friendly hamburger menu with smooth interactions.

Screenshots / mockups (if applicable)

No response

Additional context

No response

Checklist

• I searched existing issues and did not find a duplicate
• I am willing to contribute or collaborate on this feature
• I am a GSSoC '25 contributor
• I am a Hacktoberfest '25 contributor

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊