fix: dvh + interactive-widget + minHeight:0 für Tastatur-Layout

frontend/src/App.jsx

@@ -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;height:100%;overflow:hidden;}
+        html,body{background:#0d0d0f;-webkit-tap-highlight-color:transparent;height:100%;}
         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',height:'100%',minHeight:'-webkit-fill-available',background:'#111114'}}>
+      <div style={{display:'flex',flexDirection:'row',height:'100dvh',background:'#111114'}}>
         {!mobile && (
           <Sidebar active={active} setActive={setActive} user={user}
             onLogout={()=>{localStorage.removeItem('sk_token');setUser(null);}}