fix: mobile terminal container height - use flexbox throughout

- Change .mobile-terminal-content to display: flex with flex-direction: column
- Change .terminal-wrapper.mobile to use flex: 1 instead of position: absolute
- Change .terminal-container to use flex: 1 instead of height: 100%
- Ensures proper height calculation in flex layout chain

apps/web/src/styles.css

@@ -3239,26 +3239,26 @@ a.nav-item,
   overflow: hidden;
   position: relative;
   background: #1e1e1e;
+  display: flex;
+  flex-direction: column;
 }
 
 /* Terminal wrapper - fills content area */
 .terminal-wrapper.mobile {
   border: none;
   border-radius: 0;
-  position: absolute;
+  flex: 1;
-  top: 0;
+  min-height: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
   width: 100%;
-  height: 100%;
   overflow: hidden;
+  display: flex;
+  flex-direction: column;
 }
 
 .terminal-wrapper.mobile .terminal-container {
   width: 100%;
-  height: 100%;
+  flex: 1;
-  max-height: 100%;
+  min-height: 0;
   padding: 0;
   overflow: hidden;
   position: relative;