[UI/UX] Responsive Mobile Navbar for Language & Theme

[jpdevhub]

Description

The language switcher (<select>) and theme toggle are currently stuffed into the top Navbar.tsx. On small mobile screens, this overcrowds the UI and overlaps with the logo.

Tasks

1. Hide the language switcher and theme toggle from the top nav on mobile screens using tailwind classes (e.g., hidden md:flex).
2. Move them into the BottomNav.tsx or create a slide-up drawer/hamburger menu specifically for mobile settings.

[jazzz2502]

Hi @jpdevhub,

I'd like to work on this issue under SSOC'26.

I recently contributed a responsive mobile navbar improvement in another open-source project and would love to implement this enhancement for FreshScan AI as well.

My approach would be to move the language switcher and theme toggle into a mobile-friendly menu/bottom navigation while ensuring the desktop experience remains unchanged.

Please assign this issue to me.

Thank you!

[jpdevhub]

Go ahead