Use usePathname for active state in SidebarNavigation

[RUKAYAT-CODER]

Overview
In src/components/navigation/SidebarNavigation.tsx (line 21) pathname is read from window.location.pathname at render time, which yields '' during SSR (hydration mismatch) and never updates on client-side navigation, leaving the active highlight stale. Use the Next.js usePathname() hook.

[laxjovial]

@laxjovial has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

I’d love to work on this. Please kindly assign to me

ℹ️ Repo Maintainers: To accept this application, review their application or assign @laxjovial to this issue.

[Elite-tch]

@Elite-tch has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Please can i work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Elite-tch to this issue.

[Mathew2k-hash]

@Mathew2k-hash has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

I'd like to work on this issue. I understand the problem with reading window.location.pathname during render, which causes SSR hydration mismatches and stale active navigation state. I'll replace it with Next.js usePathname(), ensure active route highlighting updates correctly on client-side navigation, and verify SSR compatibility before submitting a PR.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Mathew2k-hash to this issue.

[drips-wave]

Congratulations, @laxjovial! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on July 30, 2026.

🧑‍💻 @laxjovial: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊