refactor(nav): migrate to static config (React Navigation 7)

Replace JSX-based dynamic config with static config objects:
- Inline all thin stack wrappers (auth, onboarding, settings, home-tabs)
  into a single root-navigator.tsx using createNativeStackNavigator({screens})
- Replace NavigationContainer + AppLayout with createStaticNavigation(RootStack)
- Add useT() to AnimatedTabBar for label derivation — no more tabBarLabel
  prop needed in tab screen options
- Remove dead routes: HOME_STACK, HOME_TABS, SETTINGS_ROOT/LANGUAGE/THEME
- Delete 6 files: auth-stack, onboarding-stack, settings-stack, home-stack,
  home-tabs, AppLayout
- Delete 3 dead feature param-list directories (types now inferred by RN)

Zero type errors, 41 tests pass.

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

Author: maximcoding

App.tsx

@@ -37,7 +37,6 @@ export default function App() {
   // Android: exit app from root-level leaves (main tabs, login, onboarding).
   useBackButtonHandler(
     routeName =>
-      routeName === ROUTES.HOME_TABS ||
       routeName === ROUTES.TAB_HOME ||
       routeName === ROUTES.TAB_SETTINGS ||
       routeName === ROUTES.AUTH_LOGIN ||

src/features/auth/navigation/param-list.ts

@@ -1,22 +1,24 @@
 import type { NavigationState, PartialState } from '@react-navigation/native'
 import {
+  createStaticNavigation,
   DarkTheme,
   DefaultTheme,
-  NavigationContainer,
 } from '@react-navigation/native'
 import React, { useCallback, useEffect, useMemo, useState } from 'react'
 import { Linking, Platform, useColorScheme } from 'react-native'
 import BootSplash from 'react-native-bootsplash'
 
-import AppLayout from '@/navigation/AppLayout'
 import { navigationRef } from '@/navigation/helpers/navigation-helpers'
+import { RootStack } from '@/navigation/root/root-navigator'
 import {
   loadPersistedNavigationState,
   persistNavigationState,
 } from '@/navigation/persistence/navigation-persistence'
 import { ThemedStatusBar } from '@/shared/components/ui/ThemedStatusBar'
 import { useTheme } from '@/shared/theme'
 
+const Navigation = createStaticNavigation(RootStack)
+
 /**
  * Navigation + StatusBar wired to app theme (inside ThemeProvider).
  * Persists root navigation state to MMKV unless a cold-start deep link is present.
@@ -92,15 +94,13 @@ export function NavigationRoot() {
   return (
     <>
       <ThemedStatusBar />
-      <NavigationContainer
+      <Navigation
         ref={navigationRef}
         theme={navigationTheme}
         initialState={initialState}
         onStateChange={onStateChange}
         onReady={() => BootSplash.hide({ fade: true })}
-      >
-        <AppLayout />
-      </NavigationContainer>
+      />
     </>
   )
 }

src/features/home/navigation/param-list.ts

@@ -1,18 +1,5 @@
-export type { AuthStackParamList } from '@/features/auth/navigation/param-list'
-export type {
-  HomeStackParamList,
-  HomeTabsParamList,
-} from '@/features/home/navigation/param-list'
-export type {
-  OnboardingStackParamList,
-  SettingsStackParamList,
-} from '@/features/settings/navigation/param-list'
-export type { RootStackParamList } from '@/navigation/root-param-list'
+export type { RootStackParamList, StoryScreenParams } from '@/navigation/root-param-list'
 export * from './helpers/navigation-helpers'
 export * from './modals/global-modal'
 export * from './modals/half-sheet'
 export * from './root/root-navigator'
-export * from './stacks/auth-stack'
-export * from './stacks/home-stack'
-export * from './stacks/onboarding-stack'
-export * from './tabs/home-tabs'

src/features/settings/navigation/param-list.ts

@@ -1,55 +1,49 @@
-/**
- * FILE: root-navigator.tsx
- * LAYER: navigation/root
- */
+// src/navigation/root/root-navigator.tsx
 
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'
 import { createNativeStackNavigator } from '@react-navigation/native-stack'
 import React from 'react'
+import AuthScreen from '@/features/auth/screens/AuthScreen'
+import HomeScreen from '@/features/home/screens/HomeScreen'
 import StoryScreen from '@/features/home/screens/StoryScreen'
 import LanguagePickerModal from '@/features/settings/screens/LanguagePickerModal'
+import OnboardingScreen from '@/features/settings/screens/OnboardingScreen'
+import SettingsScreen from '@/features/settings/screens/SettingsScreen'
 import ThemePickerModal from '@/features/settings/screens/ThemePickerModal'
-import { RootStackParamList } from '@/navigation'
 import { ROUTES } from '@/navigation/routes'
-import AuthStack from '@/navigation/stacks/auth-stack'
-import OnboardingStack from '@/navigation/stacks/onboarding-stack'
-import HomeTabs from '@/navigation/tabs/home-tabs'
-
-import { useBootstrapRoute } from '@/session/useBootstrapRoute'
-
-const Stack = createNativeStackNavigator<RootStackParamList>()
+import { AnimatedTabBar } from '@/navigation/tabs/AnimatedTabBar'
+import { getBootstrapRoute } from '@/session/bootstrap'
 
 const HALF_SHEET_OPTIONS = {
   presentation: 'transparentModal',
   animation: 'none',
   gestureEnabled: false,
 } as const
 
-export default function RootNavigator() {
-  const boot = useBootstrapRoute()
+const HomeTabs = createBottomTabNavigator({
+  tabBar: (props) => <AnimatedTabBar {...props} />,
+  screenOptions: { headerShown: false },
+  screens: {
+    [ROUTES.TAB_HOME]: HomeScreen,
+    [ROUTES.TAB_SETTINGS]: SettingsScreen,
+  },
+})
 
-  return (
-    <Stack.Navigator
-      initialRouteName={boot}
-      screenOptions={{ headerShown: false }}
-    >
-      <Stack.Screen name={ROUTES.ROOT_ONBOARDING} component={OnboardingStack} />
-      <Stack.Screen name={ROUTES.ROOT_AUTH} component={AuthStack} />
-      <Stack.Screen name={ROUTES.ROOT_APP} component={HomeTabs} />
-      <Stack.Screen
-        name={ROUTES.HOME_STORY}
-        component={StoryScreen}
-        options={{ headerShown: false }}
-      />
-      <Stack.Screen
-        name={ROUTES.MODAL_THEME_PICKER}
-        component={ThemePickerModal}
-        options={HALF_SHEET_OPTIONS}
-      />
-      <Stack.Screen
-        name={ROUTES.MODAL_LANGUAGE_PICKER}
-        component={LanguagePickerModal}
-        options={HALF_SHEET_OPTIONS}
-      />
-    </Stack.Navigator>
-  )
-}
+export const RootStack = createNativeStackNavigator({
+  initialRouteName: getBootstrapRoute(),
+  screenOptions: { headerShown: false },
+  screens: {
+    [ROUTES.ROOT_ONBOARDING]: OnboardingScreen,
+    [ROUTES.ROOT_AUTH]: AuthScreen,
+    [ROUTES.ROOT_APP]: HomeTabs,
+    [ROUTES.HOME_STORY]: StoryScreen,
+    [ROUTES.MODAL_THEME_PICKER]: {
+      screen: ThemePickerModal,
+      options: HALF_SHEET_OPTIONS,
+    },
+    [ROUTES.MODAL_LANGUAGE_PICKER]: {
+      screen: LanguagePickerModal,
+      options: HALF_SHEET_OPTIONS,
+    },
+  },
+})

src/navigation/AppLayout.tsx

@@ -28,25 +28,12 @@ export const ROUTES = {
   //
   AUTH_LOGIN: 'AUTH_LOGIN',
 
-  //
-  // HOME FLOW
-  //
-  HOME_STACK: 'HOME_STACK', // parent stack
-  HOME_TABS: 'HOME_TABS', // bottom tabs container
-
   //
   // HOME → TABS
   //
   TAB_HOME: 'TAB_HOME',
   TAB_SETTINGS: 'TAB_SETTINGS',
 
-  //
-  // SETTINGS STACK
-  //
-  SETTINGS_ROOT: 'SETTINGS_ROOT',
-  SETTINGS_LANGUAGE: 'SETTINGS_LANGUAGE',
-  SETTINGS_THEME: 'SETTINGS_THEME',
-
   //
   // HOME SCREENS (pushed over tabs)
   //