Finanzen: Korrekturen aus dem Oberflaechentest

Seitenmenue startet auf schmalen Bildschirmen (bis 720 px) eingeklappt. Bei 390 px liess
das feste 248-px-Menue nur ~140 px Inhalt, jede Seite (auch /finance) scrollte waagerecht;
das fiel in den Einzeltests ohne App-Rahmen nicht auf.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

src/components/Navbar.jsx

@@ -19,12 +19,13 @@ import {
 } from '@tabler/icons-react'
 import { openProjectAdmin } from '../lib/employeeAdminApi'
 import { serverpulsApi } from '../lib/serverpulsApi'
+import { startsCollapsed } from '../lib/sidebar'
 
 export default function Sidebar() {
   const { user, logout, isAdmin } = useAuth()
   const navigate = useNavigate()
   const location = useLocation()
-  const [collapsed, setCollapsed] = useState(false)
+  const [collapsed, setCollapsed] = useState(() => startsCollapsed())
   const [switching, setSwitching] = useState(false)
   const [pulseLevel, setPulseLevel] = useState('ok')
 

src/lib/sidebar.js

@@ -0,0 +1,12 @@
+// Seitenmenue: auf schmalen Bildschirmen (Handy) startet es eingeklappt, sonst bleiben vom Inhalt bei 390 px nur
+// etwa 140 px und jede Seite scrollt waagerecht. Ausklappen geht weiterhin per Knopf.
+export const AUTO_COLLAPSE_MAX_WIDTH = 720
+
+/** true, wenn das Menue eingeklappt starten soll (Fensterbreite bis 720 px); ohne window (Test, Server) false. */
+export function startsCollapsed(win = typeof window !== 'undefined' ? window : null) {
+  try {
+    return Boolean(win?.matchMedia?.(`(max-width: ${AUTO_COLLAPSE_MAX_WIDTH}px)`)?.matches)
+  } catch {
+    return false
+  }
+}