feat: implement map view for lake visualization and automate data scraping pipeline

src/components/Sidebar.tsx

@@ -5,8 +5,8 @@ import { type Language, t } from '../translations';
 interface Props {
   language: Language;
   onOpenSettings: () => void;
-  activeView: 'overview' | 'detail';
-  onNavigate: (view: 'overview' | 'detail') => void;
+  activeView: 'overview' | 'detail' | 'map';
+  onNavigate: (view: 'overview' | 'detail' | 'map') => void;
   isMobileMenuOpen?: boolean;
   onCloseMobileMenu?: () => void;
 }
@@ -47,7 +47,7 @@ const Sidebar = ({ language, onOpenSettings, activeView, onNavigate, isMobileMen
           <FiMenu />
           <span className="sidebar-text">{dict.lakes}</span>
         </div>
-        <div className="nav-item">
+        <div className={`nav-item ${activeView === 'map' ? 'active' : ''}`} onClick={() => onNavigate('map')}>
           <FiMap />
           <span className="sidebar-text">{dict.map}</span>
         </div>