fix(mobile): add breathing room between the git progress overlay and the app bar (#6587)

Co-authored-by: Claude Fable 5 <noreply@anthropic.com>

Author: PollyGlot

apps/mobile/src/features/threads/GitActionProgressOverlay.tsx

@@ -7,11 +7,13 @@ import Animated, { FadeIn, FadeOut, LinearTransition } from "react-native-reanim
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 import { AppText as Text } from "../../components/AppText";
+import { APP_BAR_HEIGHT } from "../../lib/layoutMetrics";
 import { tryOpenExternalUrl } from "../../lib/openExternalUrl";
 import { useThemeColor } from "../../lib/useThemeColor";
 import type { GitActionProgress } from "../../state/use-vcs-action-state";
 
 const OVERLAY_LAYOUT_TRANSITION = LinearTransition.duration(220);
+const OVERLAY_TOP_GAP = 8;
 const AnimatedLiquidGlassView = Animated.createAnimatedComponent(LiquidGlassView);
 
 export function GitActionProgressOverlay(props: {
@@ -52,7 +54,7 @@ export function GitActionProgressOverlay(props: {
       entering={isLiquidGlassSupported ? undefined : FadeIn.duration(200)}
       exiting={FadeOut.duration(150)}
       className="absolute inset-x-3 z-[100]"
-      style={{ top: insets.top + 48 }}
+      style={{ top: insets.top + APP_BAR_HEIGHT + OVERLAY_TOP_GAP }}
       pointerEvents="box-none"
     >
       <Pressable onPress={handlePress}>

apps/mobile/src/lib/layoutMetrics.ts

@@ -3,3 +3,10 @@ export const HOME_HORIZONTAL_INSET = 20;
 
 /** Compensates for the tighter native sidebar title margin on iPad. */
 export const IPAD_HOME_TITLE_OFFSET = 10;
+
+/**
+ * Height of the app's own header chrome below the safe-area inset, on every
+ * platform (matches the `min-h-12` AndroidScreenHeader). Distinct from the
+ * 44pt native iOS navigation bar.
+ */
+export const APP_BAR_HEIGHT = 48;