fix: mobile terminal black screen - replace grid with flexbox layout

- Root cause: CSS Grid 1fr row got 0 height inside flex parent
- Fix: Replace grid layout with flexbox column for mobile terminal wrapper
- Header and keys strip use flex-shrink: 0
- Content area uses flex: 1 to fill remaining space
- Remove debug logging

apps/web/src/styles.css

@@ -3125,12 +3125,8 @@ a.nav-item,
 }
 
 .mobile-terminal-wrapper {
-  display: grid;
-  grid-template-rows: auto 1fr auto;
-  grid-template-areas:
-    "header"
-    "content"
-    "keys";
+  display: flex;
+  flex-direction: column;
   flex: 1;
   min-height: 0;
   background: #1e1e1e;
@@ -3140,7 +3136,7 @@ a.nav-item,
 
 /* Mobile Terminal Header */
 .mobile-terminal-header {
-  grid-area: header;
+  flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -3241,12 +3237,11 @@ a.nav-item,
 
 /* Mobile Terminal Content */
 .mobile-terminal-content {
-  grid-area: content;
+  flex: 1;
+  min-height: 0;
   overflow: hidden;
   position: relative;
   background: #1e1e1e;
-  min-height: 0;
-  max-height: 100%;
 }
 
 /* Terminal wrapper - fills content area */
@@ -3280,7 +3275,7 @@ a.nav-item,
 
 /* Special Keys Strip */
 .special-keys-strip {
-  grid-area: keys;
+  flex-shrink: 0;
   display: flex;
   align-items: center;
   gap: 2px;