fix: remove gap between status bar and realtime controls in agent mode

- Only apply bottom padding to footer container when NOT in realtime mode
- When realtime is active, GlobalFooter handles the bottom padding
- This eliminates the large gap between status bar and realtime controls

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

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

packages/app/src/app/agent/[id].tsx

@@ -64,7 +64,7 @@ export default function AgentScreen() {
         />
 
         {/* Footer area - status bar + controls */}
-        <View style={[styles.footerContainer, { paddingBottom: insets.bottom }]}>
+        <View style={[styles.footerContainer, !isRealtimeMode && { paddingBottom: insets.bottom }]}>
           {/* Status bar - always visible, floating above controls */}
           <AgentStatusBar agentId={id!} />