Missing Visual Indicator for Active Navigation Link in Navbar

When a user navigates to any page or option (e.g., Home, Browse, Chat, Map Analysis, Explorer) via the main navigation bar, there is no visual feedback or "active state" applied to the corresponding link.

🐛 Problem:
Users cannot easily determine which page they are currently on by looking at the navigation bar, leading to a poor user experience, confusion, and potential difficulty in orienting themselves within the application.

🎯 Expected Behavior:
The navigation link corresponding to the user's current page should have a clear visual indicator. This indicator might be:

• Underlining the active link.
• Changing the font color or boldness of the active link.
• Adding a background highlight

💡 Suggested Fix:
Implement a clear CSS class (e.g., .nav-link-active) on the active navigation element to provide immediate visual confirmation of the user's current location.

@robvanderveer / @northdpole
Assign this issue to me and share your thoughts on this issue.

Start by locating the main navigation and the route or page-state logic for Home, Browse, Chat, Map Analysis, and Explorer. Add a clear active visual indicator to the link matching the current page, then manually verify the indicator across each navigation destination.