fix: prevent infinite terminal re-initialization loop

- Remove status from TerminalComponent useEffect dependencies to prevent recreation on WebSocket status changes
- Use ref for onTerminalReady callback to avoid parent re-renders triggering terminal recreation
- Wrap MobileTerminalWrapper onTerminalReady with useCallback for stable reference

apps/web/src/components/mobile-terminal-wrapper.tsx

@@ -39,6 +39,13 @@ export const MobileTerminalWrapper: React.FC<MobileTerminalWrapperProps> = ({
     keysAutoHide.toggle();
   }, [headerAutoHide, keysAutoHide]);
 
+  const handleTerminalReady = useCallback(
+    (sendData: (data: string) => void, connectionStatus: "connecting" | "connected" | "disconnected" | "error") => {
+      setTerminalRef({ sendData, connectionStatus });
+    },
+    []
+  );
+
   const handleSendKey = useCallback(
     (data: string) => {
       terminalRef?.sendData(data);
@@ -78,9 +85,7 @@ export const MobileTerminalWrapper: React.FC<MobileTerminalWrapperProps> = ({
           instanceId={instanceId}
           onClose={onClose}
           isMobile={true}
-          onTerminalReady={(sendData, connectionStatus) =>
-            setTerminalRef({ sendData, connectionStatus })
-          }
+          onTerminalReady={handleTerminalReady}
         />
       </div>