fix: use flex layout for terminal container to ensure proper sizing

- Remove ResizeObserver that was causing infinite resize loop
- Add display: flex to terminal-container for proper child sizing
- Use flex: 1 on .xterm element instead of height: 100%
- Remove explicit height/width from xterm-viewport and xterm-screen
- Let flexbox handle the layout naturally

apps/web/src/styles.css

@@ -2592,24 +2592,19 @@ a.nav-item,
   flex: 1;
   min-height: 0;
   padding: var(--space-2);
+  display: flex;
+  flex-direction: column;
 }
 
 .terminal-container .xterm {
-  height: 100%;
-  width: 100%;
+  flex: 1;
+  min-height: 0;
 }
 
 .terminal-container .xterm-viewport {
-  height: 100% !important;
-  width: 100% !important;
   background: #1e1e1e !important;
 }
 
-.terminal-container .xterm-screen {
-  height: 100% !important;
-  width: 100% !important;
-}
-
 .terminal-container canvas {
   display: block;
 }