Add missing pages with AppShell layout integration

- Created /track, /insights, /children, /family, /settings, /logout pages
- Wrapped all authenticated pages with AppShell and ProtectedRoute
- Updated AI assistant page to use AppShell layout
- All pages now have proper header/navigation and footer/tabbar
- Added responsive mobile and desktop layouts
- Integrated with existing navigation system

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

maternal-web/app/ai-assistant/page.tsx

@@ -15,6 +15,8 @@ import { Send, SmartToy, Person, AutoAwesome } from '@mui/icons-material';
 import { motion, AnimatePresence } from 'framer-motion';
 import { useAuth } from '@/lib/auth/AuthContext';
 import apiClient from '@/lib/api/client';
+import { AppShell } from '@/components/layouts/AppShell/AppShell';
+import { ProtectedRoute } from '@/components/common/ProtectedRoute';
 
 interface Message {
   id: string;
@@ -93,14 +95,18 @@ export default function AIAssistantPage() {
   };
 
   return (
-    <Box
-      sx={{
-        height: 'calc(100vh - 64px)',
-        display: 'flex',
-        flexDirection: 'column',
-        background: 'linear-gradient(135deg, #FFF5F5 0%, #FFE4E1 100%)',
-      }}
-    >
+    <ProtectedRoute>
+      <AppShell>
+        <Box
+          sx={{
+            height: 'calc(100vh - 200px)',
+            display: 'flex',
+            flexDirection: 'column',
+            background: 'linear-gradient(135deg, #FFF5F5 0%, #FFE4E1 100%)',
+            borderRadius: 2,
+            overflow: 'hidden',
+          }}
+        >
       {/* Header */}
       <Paper
         elevation={0}
@@ -325,6 +331,8 @@ export default function AIAssistantPage() {
           for medical advice.
         </Typography>
       </Paper>
-    </Box>
+        </Box>
+      </AppShell>
+    </ProtectedRoute>
   );
 }