[ISSUE] Navbar links don’t highlight active page

[umaima06]

Description:

Currently, when users click on a navbar link (e.g., Home, About, Contact), the link does not remain highlighted or styled to indicate that it is the active page. This can cause confusion as users may not immediately know which page they are currently on.

Expected Behavior:

• The navbar should visually highlight the active link (e.g., bold text, underline, or color change).
• The active state should persist while the user is on that page.

Steps to Reproduce:

1. Open the website.
2. Click on any navbar link.
3. Notice that no active state is applied to the selected link.

Why This Matters:

Improves user experience by clearly showing which page is currently being viewed, making navigation more intuitive.

Screenshots:

Even after clicking the 'convert recipe' button from the navbar, the navbar link (currently active) isn't being highlighted.

[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. 😊

[umaima06]

@supriya46788 Kindly reproduce this issue to check and assign it to me under GSSoC'25 with suitable level and other labels

[supriya46788]

@umaima06 assigned