fix: correct relative imports after component reorganization

Fixed import paths for 43 components moved into features/ directories.
Key fixes:
- api/, types/, hooks/, state/, utils/ imports need ../../../ from features/*/
- components/ imports need ../../ from features/*/
- Cross-feature imports use relative paths (e.g., ../tool/tools-bottom-sheet)
- app-shell.tsx updated to import from features/ subdirectories

Frontend typecheck now passes except for one pre-existing error:
xterm-addon-webgl missing type declarations.

Quality gates: ruff passed on backend, py_compile passed on all backend files.

apps/web/src/components/features/mobile/mobile-action-sheet.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useRef } from "react";
-import { Icon } from "./icon";
-import type { IconName } from "./icon";
+import { Icon } from "../../icon";
+import type { IconName } from "../../icon";
 
 export interface MobileActionSheetItem {
   id: string;

apps/web/src/components/features/mobile/mobile-detail-view.tsx

@@ -1,4 +1,4 @@
-import { Icon } from "./icon";
+import { Icon } from "../../icon";
 
 interface Field {
   label: string;

apps/web/src/components/features/mobile/mobile-fab.tsx

@@ -1,4 +1,4 @@
-import { Icon } from "./icon";
+import { Icon } from "../../icon";
 
 interface MobileFABProps {
   onClick: () => void;

apps/web/src/components/features/mobile/mobile-list-view.tsx

@@ -1,5 +1,5 @@
-import { Icon } from "./icon";
-import type { IconName } from "../utils/icons";
+import { Icon } from "../../icon";
+import type { IconName } from "../../../utils/icons";
 
 interface MobileListItem {
   id: string;

apps/web/src/components/features/mobile/mobile-nav.tsx

@@ -1,8 +1,8 @@
 import { useState } from "react";
 import { NavLink, useLocation } from "react-router-dom";
-import { Icon } from "./icon";
-import { ToolsBottomSheet } from "./tools-bottom-sheet";
-import type { IconName } from "../utils/icons";
+import { Icon } from "../../icon";
+import { ToolsBottomSheet } from "../tool/tools-bottom-sheet";
+import type { IconName } from "../../../utils/icons";
 
 interface MobileNavProps {
   sessionCount?: number;

apps/web/src/components/features/mobile/mobile-page-header.tsx

@@ -1,6 +1,6 @@
 import { useNavigate } from "react-router-dom";
-import { useMobileViewport } from "../hooks/use-mobile-viewport";
-import { Icon } from "./icon";
+import { useMobileViewport } from "../../../hooks/use-mobile-viewport";
+import { Icon } from "../../icon";
 
 interface MobilePageHeaderProps {
   title: string;

apps/web/src/components/features/mobile/mobile-terminal-header.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Icon } from "./icon";
+import { Icon } from "../../icon";
 
 interface MobileTerminalHeaderProps {
   instanceName?: string;

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

@@ -1,12 +1,12 @@
 import React, { useState, useCallback } from "react";
-import { TerminalComponent } from "./terminal";
+import { TerminalComponent } from "../terminal/terminal";
 import { MobileTerminalHeader } from "./mobile-terminal-header";
-import { SpecialKeysStrip } from "./special-keys-strip";
-import { SpecialKeysPanel } from "./special-keys-panel";
-import { useMobileViewport } from "../hooks/use-mobile-viewport";
-import { useVirtualKeyboard } from "../hooks/use-virtual-keyboard";
-import { useAutoHide } from "../hooks/use-auto-hide";
-import type { ModifierKey } from "../hooks/use-special-keys";
+import { SpecialKeysStrip } from "../terminal/special-keys-strip";
+import { SpecialKeysPanel } from "../terminal/special-keys-panel";
+import { useMobileViewport } from "../../../hooks/use-mobile-viewport";
+import { useVirtualKeyboard } from "../../../hooks/use-virtual-keyboard";
+import { useAutoHide } from "../../../hooks/use-auto-hide";
+import type { ModifierKey } from "../../../hooks/use-special-keys";
 
 interface MobileTerminalWrapperProps {
   instanceId: string;