[FEATURE] Improve navbar active state highlighting on section navigation

[Bivek01]

@pushkarscripts Currently, when navigating between different sections of the website, the navbar does not clearly indicate the active section.

This affects user experience because users cannot easily identify which section they are currently on.

Proposed improvement:

• Add active state highlighting for navbar items based on current route
• Ensure active link is visually distinct (color, underline or style change)
• Make it consistent across all pages and sections

This will improve navigation clarity and overall UI experience.

I would like to work on this issue under GSSoC.
Can you please assign it to me? @pushkarscripts

[Anushreer22]

Hi Maintainers,

I would like to work on this feature under GSSoC.

I understand that the navbar currently does not clearly indicate the active section, which can make navigation less intuitive for users.

I plan to:

• Implement active state highlighting based on the current route or section.
• Ensure the active navbar item is visually distinct through appropriate styling.
• Maintain consistency across all pages and sections.
• Verify responsiveness and accessibility of the active state indicators.

I have experience with frontend development and would be happy to contribute this enhancement.

Please assign this issue to me.

Thank you!
@pushkarscripts