Added Documents Feature

frontend/src/components/Layout.tsx

@@ -12,6 +12,7 @@ import LocalGasStationRoundedIcon from '@mui/icons-material/LocalGasStationRound
 import BuildRoundedIcon from '@mui/icons-material/BuildRounded';
 import PlaceRoundedIcon from '@mui/icons-material/PlaceRounded';
 import SettingsRoundedIcon from '@mui/icons-material/SettingsRounded';
+import DescriptionRoundedIcon from '@mui/icons-material/DescriptionRounded';
 import MenuIcon from '@mui/icons-material/Menu';
 import CloseIcon from '@mui/icons-material/Close';
 import { useAppStore } from '../core/store';
@@ -25,14 +26,23 @@ interface LayoutProps {
 export const Layout: React.FC<LayoutProps> = ({ children, mobileMode = false }) => {
   const { user, logout } = useAuth0();
   const { sidebarOpen, toggleSidebar } = useAppStore();
+  const { setSidebarOpen } = useAppStore.getState();
   const location = useLocation();
   const theme = useTheme();
 
+  // Ensure desktop has a visible navigation by default
+  React.useEffect(() => {
+    if (!mobileMode && !sidebarOpen) {
+      setSidebarOpen(true);
+    }
+  }, [mobileMode, sidebarOpen]);
+
   const navigation = [
     { name: 'Vehicles', href: '/vehicles', icon: <DirectionsCarRoundedIcon sx={{ fontSize: 20 }} /> },
     { name: 'Fuel Logs', href: '/fuel-logs', icon: <LocalGasStationRoundedIcon sx={{ fontSize: 20 }} /> },
     { name: 'Maintenance', href: '/maintenance', icon: <BuildRoundedIcon sx={{ fontSize: 20 }} /> },
     { name: 'Gas Stations', href: '/stations', icon: <PlaceRoundedIcon sx={{ fontSize: 20 }} /> },
+    { name: 'Documents', href: '/documents', icon: <DescriptionRoundedIcon sx={{ fontSize: 20 }} /> },
     { name: 'Settings', href: '/settings', icon: <SettingsRoundedIcon sx={{ fontSize: 20 }} /> },
   ];