fix: resolve typescript and build errors across admin and guest apps

resources/js/admin/mobile/components/BottomNav.tsx

@@ -1,11 +1,13 @@
 import React from 'react';
+import { useLocation } from 'react-router-dom';
 import { YStack, XStack } from '@tamagui/stacks';
 import { SizableText as Text } from '@tamagui/text';
 import { Pressable } from '@tamagui/react-native-web-lite';
-import { Home, CheckSquare, Image as ImageIcon, User } from 'lucide-react';
+import { Home, CheckSquare, Image as ImageIcon, User, LayoutDashboard } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import { withAlpha } from './colors';
 import { useAdminTheme } from '../theme';
+import { adminPath } from '../../constants';
 
 const ICON_SIZE = 20;
 
@@ -13,12 +15,16 @@ export type NavKey = 'home' | 'tasks' | 'uploads' | 'profile';
 
 export function BottomNav({ active, onNavigate }: { active: NavKey; onNavigate: (key: NavKey) => void }) {
   const { t } = useTranslation('mobile');
+  const location = useLocation();
   const { surface, border, primary, accentSoft, muted, subtle, shadow } = useAdminTheme();
   const surfaceColor = surface;
   const navSurface = withAlpha(surfaceColor, 0.92);
   const [pressedKey, setPressedKey] = React.useState<NavKey | null>(null);
+
+  const isDeepHome = active === 'home' && location.pathname !== adminPath('/mobile/dashboard');
+
   const items: Array<{ key: NavKey; icon: React.ComponentType<{ size?: number; color?: string }>; label: string }> = [
-    { key: 'home', icon: Home, label: t('nav.home', 'Home') },
+    { key: 'home', icon: isDeepHome ? LayoutDashboard : Home, label: t('nav.home', 'Home') },
     { key: 'tasks', icon: CheckSquare, label: t('nav.tasks', 'Tasks') },
     { key: 'uploads', icon: ImageIcon, label: t('nav.uploads', 'Uploads') },
     { key: 'profile', icon: User, label: t('nav.profile', 'Profile') },