fix: add AutoTrader to mobile nav + bust Vercel build cache

- AppShell NAV array was missing /autotrader — page existed but was
  unreachable from mobile bottom bar
- tightened nav item sizing (icon 18px, font 9px, flex:1) so 6 items
  fit without overflow on 375px screens
- mobile-nav CSS: justify-content space-around, horizontal padding 4px

Author: Xtley001

src/components/layout/AppShell.tsx

@@ -14,11 +14,12 @@ import { toast } from '../shared/Toast';
 import { usePositionStore } from '../../store/positionStore';
 
 const NAV = [
-  { to: '/',           icon: LayoutGrid, label: 'Scanner'    },
-  { to: '/backtest',   icon: Activity,   label: 'Backtest'   },
-  { to: '/portfolio',  icon: Briefcase,  label: 'Portfolio'  },
-  { to: '/analytics',  icon: BarChart2,  label: 'Analytics'  },
-  { to: '/settings',   icon: Settings,   label: 'Settings'   },
+  { to: '/',            icon: LayoutGrid, label: 'Scanner'   },
+  { to: '/backtest',    icon: Activity,   label: 'Backtest'  },
+  { to: '/autotrader',  icon: Bot,        label: 'Auto'      },
+  { to: '/portfolio',   icon: Briefcase,  label: 'Portfolio' },
+  { to: '/analytics',   icon: BarChart2,  label: 'Analytics' },
+  { to: '/settings',    icon: Settings,   label: 'Settings'  },
 ];
 
 // Mobile bottom navigation bar
@@ -30,14 +31,15 @@ const MobileNav: React.FC = () => (
         to={to}
         end={to === '/'}
         style={({ isActive }) => ({
-          display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 3,
+          display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 2,
           color: isActive ? 'var(--hl-teal)' : 'var(--text-muted)',
-          textDecoration: 'none', padding: '4px 8px', fontSize: 10,
-          fontFamily: 'var(--font-display)', fontWeight: 500,
-          minWidth: 48,
+          textDecoration: 'none', padding: '4px 4px', fontSize: 9,
+          fontFamily: 'var(--font-body)', fontWeight: 500,
+          minWidth: 44, flex: 1,
+          letterSpacing: '0.02em',
         })}
       >
-        <Icon size={20} />
+        <Icon size={18} />
         {label}
       </NavLink>
     ))}

src/styles/global.css

@@ -163,7 +163,10 @@ select.input option { background: var(--bg-overlay); }
   background: var(--bg-surface);
   border-top: 1px solid var(--glass-border);
   z-index: 100;
-  padding: 6px 0 env(safe-area-inset-bottom, 6px);
+  padding: 6px 4px env(safe-area-inset-bottom, 6px);
+  justify-content: space-around;
+  align-items: center;
+  gap: 0;
 }
 
 /* ── Breakpoints ─────────────────────────────────────────────────────── */