[FEATURE] Navbar tabs should stay highlighted based on the active route(dark theme)

[Chayan8837]

Feature title

Navbar tabs should stay highlighted based on the active route(dark theme)

Description

Currently, when a user clicks on a navbar tab, it gets highlighted. However, the highlight disappears upon navigation(dark theme). The active tab should remain highlighted based on the current route, ensuring better user experience and navigation clarity.

there is no clearity , here i am .

Motivation

1️⃣ Better Navigation Clarity – Users can easily identify the active page.
2️⃣ Consistency – The highlight persists after navigation or refresh.
3️⃣ Improved UX – Enhances accessibility and reduces confusion.
4️⃣ Industry Standard – Most modern websites use this behavior.
5️⃣ Easy to Implement – usePathname makes it simple.(already implemented)

Alternatives

No response

Select program in which you are contributing

GSoC'25

Additional context

No response

[Chayan8837]

If needed, I’d be happy to work on it. Please assign me.

[MAVRICK-1]

@Chayan8837 okay go ahead