fix: mobile Tastatur schwarzer Screen - height:100% statt 100vh, minHeight:0 auf main

frontend/src/App.jsx

@@ -3369,7 +3369,7 @@ export default function App() {
   const mainStyle = {
     flex:1,
     overflowY: 'auto',
-    height: '100vh',
+    minHeight: 0, // Wichtig für Flex: verhindert dass Container über Elterngröße wächst
     ...(mobile ? { paddingBottom:'calc(56px + env(safe-area-inset-bottom, 0px))' } : {}),
   };
 
@@ -3378,14 +3378,14 @@ export default function App() {
       <style>{`
         @import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap');
         *{margin:0;padding:0;box-sizing:border-box;}
-        html,body{background:#0d0d0f;-webkit-tap-highlight-color:transparent;}
+        html,body{background:#0d0d0f;-webkit-tap-highlight-color:transparent;height:100%;overflow:hidden;}
         input,textarea,select{-webkit-appearance:none;appearance:none;}
         input[type=number]::-webkit-inner-spin-button{opacity:0.25;}
         @keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
         ::-webkit-scrollbar{width:3px;}::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:2px;}
         select option,textarea{background:#111114;}
       `}</style>
-      <div style={{display:'flex',minHeight:'100vh',background:'#111114'}}>
+      <div style={{display:'flex',height:'100%',minHeight:'-webkit-fill-available',background:'#111114'}}>
         {!mobile && (
           <Sidebar active={active} setActive={setActive} user={user}
             onLogout={()=>{localStorage.removeItem('sk_token');setUser(null);}}