feat(mobile): add keyboard avoidance for input area

packages/ui/src/components/views/GitView.tsx

@@ -640,7 +640,7 @@ export const GitView: React.FC = () => {
   }
 
   return (
-    <div className="flex h-full flex-col overflow-hidden bg-background">
+    <div className="flex h-full flex-col overflow-hidden bg-background" data-keyboard-avoid="true">
       <GitHeader
         status={status}
         localBranches={localBranches}

packages/ui/src/components/views/SettingsView.tsx

@@ -370,7 +370,7 @@ export const SettingsView: React.FC<SettingsViewProps> = ({ onClose, forceMobile
         {/* Mobile: show sidebar OR page content based on drill-down state */}
         {isMobile ? (
           showMobilePageContent ? (
-            <div className="flex-1 overflow-hidden bg-background">
+            <div className="flex-1 overflow-hidden bg-background" data-keyboard-avoid="true">
               <ErrorBoundary>{renderPageContent()}</ErrorBoundary>
             </div>
           ) : (

packages/ui/src/components/views/TerminalView.tsx

@@ -804,6 +804,7 @@ export const TerminalView: React.FC = () => {
             <div
                 className="relative flex-1 overflow-hidden"
                 style={{ backgroundColor: xtermTheme.background }}
+                data-keyboard-avoid="true"
             >
                 <div className="h-full w-full box-border px-3 pt-3 pb-4">
                     {isTerminalActive ? (

packages/ui/src/components/views/git/CommitSection.tsx

@@ -53,6 +53,7 @@ export const CommitSection: React.FC<CommitSectionProps> = ({
     <Collapsible
       open={hasSelectedFiles}
       className="rounded-xl border border-border/60 bg-background/70 overflow-hidden"
+      data-keyboard-avoid="true"
     >
       <div className="flex w-full items-center justify-between px-3 py-2">
         <h3 className="typography-ui-header font-semibold text-foreground">Commit</h3>