fix: improve realtime controls layout and add agent status bar

- Change realtime controls to horizontal layout with fixed height (88px)
- Add orientation prop to VolumeMeter for horizontal/vertical modes
- Create AgentStatusBar component showing mode badge and agent status
- Add agent persistence system for managing agent state across restarts
- Fix bottom sheet dismiss handling to clear state properly
- Remove debug timer from realtime controls

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

packages/app/src/components/tool-call-bottom-sheet.tsx

@@ -15,11 +15,13 @@ import type { SelectedToolCall } from "@/types/shared";
 interface ToolCallBottomSheetProps {
   bottomSheetRef: React.RefObject<BottomSheetModal | null>;
   selectedToolCall: SelectedToolCall | null;
+  onDismiss: () => void;
 }
 
 export function ToolCallBottomSheet({
   bottomSheetRef,
   selectedToolCall,
+  onDismiss,
 }: ToolCallBottomSheetProps) {
   const insets = useSafeAreaInsets();
   const snapPoints = useMemo(() => ["80%"], []);
@@ -88,6 +90,7 @@ export function ToolCallBottomSheet({
       handleIndicatorStyle={styles.handleIndicator}
       backgroundStyle={styles.background}
       topInset={insets.top}
+      onDismiss={onDismiss}
     >
       {/* Header */}
       <View style={styles.header}>