Fix: Navigation springt nicht mehr - min-w-0 im Layout, Tabellen mit overflow-x-auto

src/components/AppLayout.tsx

@@ -120,7 +120,7 @@ export default function AppLayout() {
       </aside>
 
       {/* Mobile top bar */}
-      <div className="flex min-h-screen flex-1 flex-col">
+      <div className="flex min-h-screen min-w-0 flex-1 flex-col">
         <header className="sticky top-0 z-20 flex items-center gap-3 border-b bg-white/90 px-4 py-3 backdrop-blur dark:bg-slate-900/90 lg:hidden">
           <img src={logo} alt="Logo Hinterstein Immobilien" className="h-9 w-9 rounded-full bg-white object-contain p-0.5 ring-1 ring-slate-200" />
           <div className="flex-1 font-bold text-[#22333b] dark:text-amber-100">Hinterstein Immobilien</div>
@@ -144,7 +144,7 @@ export default function AppLayout() {
           ))}
         </nav>
 
-        <main className="flex-1 p-4 lg:p-8">
+        <main className="min-w-0 flex-1 p-4 lg:p-8">
           <Outlet />
         </main>
       </div>