Keep Active Link Highlighted in Header

[prasadhonrao]

The current navigation bar in the header does not visually indicate which page is active after navigation. We need to ensure that the active link (representing the current page) remains highlighted in the navigation bar to improve user experience.

Tasks:

1. Add functionality to detect the current route/page.
2. Apply the appropriate styling to the active link in the header (e.g., bold, underline, or change color).
3. Ensure that the active state persists across page refreshes.
4. Test responsiveness and ensure that the highlight works on mobile, tablet, and desktop.

Expected Outcome:

• The navigation bar should always show the active link as highlighted, providing visual feedback to the user on their current page.