fix: terminal sizing and newline rendering issues

- Add ResizeObserver to terminal container for responsive sizing
  (catches keyboard open/close, header auto-hide, layout changes)
- Remove padding from mobile terminal container to maximize space
- Fix CSS: ensure xterm viewport fills container height properly
- Fix session-card.tsx TypeScript error (removed non-existent port field)
- Remove explicit xterm-viewport/xterm-screen width overrides that
  interfered with xterm.js canvas sizing

apps/web/src/styles.css

@@ -2594,31 +2594,34 @@ a.nav-item,
   padding: var(--space-2);
   display: flex;
   flex-direction: column;
+  overflow: hidden;
 }
 
 .terminal-container .xterm {
   flex: 1;
   min-height: 0;
   width: 100%;
-}
-
-.terminal-container .xterm-viewport {
-  width: 100% !important;
-  height: 100% !important;
-}
-
-.terminal-container .xterm-screen {
-  width: 100% !important;
-}
-
-.terminal-container .xterm-viewport {
-  background: #1e1e1e !important;
+  height: 100%;
 }
 
 .terminal-container canvas {
   display: block;
 }
 
+/* Mobile terminal container - no padding to maximize space */
+.terminal-wrapper.mobile .terminal-container {
+  padding: 0;
+}
+
+/* Ensure xterm viewport fills container properly */
+.terminal-wrapper.mobile .xterm {
+  height: 100% !important;
+}
+
+.terminal-wrapper.mobile .xterm-viewport {
+  height: 100% !important;
+}
+
 /* Responsive terminal */
 @media (max-width: 767px) {
   .terminal-page {