Add skeleton loading states across all tracking pages

- Replace CircularProgress spinners with content-aware skeleton screens
- Add FormSkeleton for form loading states (feeding, sleep, diaper pages)
- Add ActivityListSkeleton for recent activities loading
- Improves perceived performance with layout-matching placeholders

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

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

maternal-web/app/track/feeding/page.tsx

@@ -49,6 +49,7 @@ import { useAuth } from '@/lib/auth/AuthContext';
 import { trackingApi, Activity } from '@/lib/api/tracking';
 import { childrenApi, Child } from '@/lib/api/children';
 import { VoiceInputButton } from '@/components/voice/VoiceInputButton';
+import { FormSkeleton, ActivityListSkeleton } from '@/components/common/LoadingSkeletons';
 import { motion } from 'framer-motion';
 import { formatDistanceToNow } from 'date-fns';
 
@@ -308,8 +309,17 @@ function FeedingTrackPage() {
     return (
       <ProtectedRoute>
         <AppShell>
-          <Box sx={{ display: 'flex', justifyContent: 'center', py: 8 }}>
-            <CircularProgress />
+          <Box>
+            <Typography variant="h4" fontWeight="600" sx={{ mb: 3 }}>
+              Track Feeding
+            </Typography>
+            <Paper sx={{ p: 3, mb: 3 }}>
+              <FormSkeleton />
+            </Paper>
+            <Typography variant="h6" fontWeight="600" sx={{ mb: 2 }}>
+              Recent Feedings
+            </Typography>
+            <ActivityListSkeleton count={3} />
           </Box>
         </AppShell>
       </ProtectedRoute>