feat: Update UI colors to use dynamic theme system and fix predictions

**Theme-Aware Colors Across App:**
- Updated track page cards to use theme.palette colors
- Updated analytics page icons to use theme colors
- Updated login/register gradient backgrounds to use theme colors
- All colors now respond to Standard/High Contrast theme toggle

**Fixed Next Predicted Activity Section:**
- Connected to real analytics API predictions endpoint
- Fetches sleep and feeding predictions based on actual data
- Shows "Nap time in X minutes" when prediction available
- Displays formatted time using formatDistanceToNow
- Falls back to "Not enough data available for now. Keep tracking :)" when no predictions

**Multi-Language Support:**
- Added "notEnoughData" translation key to all 7 languages:
  - English: "Not enough data available for now. Keep tracking :)"
  - Spanish: "No hay suficientes datos disponibles por ahora. ¡Sigue rastreando! :)"
  - French: "Pas assez de données disponibles pour le moment. Continuez à suivre :)"
  - Portuguese: "Dados insuficientes disponíveis no momento. Continue rastreando :)"
  - Chinese: "暂无足够数据。请继续记录 :)"
  - German: "Derzeit nicht genügend Daten verfügbar. Weiter verfolgen :)"
  - Italian: "Dati insufficienti al momento. Continua a monitorare :)"

**Color Mapping by Theme:**

*Purple Theme (Standard):*
- Feeding: Primary (#8b52ff)
- Sleep: Secondary (#ff7094)
- Diaper: Warning (amber)
- Medical: Error (red)
- Activity: Success (green)
- Growth: Primary Dark

*Peach Theme (High Contrast):*
- Feeding: Primary (#FFB6C1)
- Sleep: Secondary (#FFDAB9)
- Diaper: Warning (amber)
- Medical: Error (red)
- Activity: Success (green)
- Growth: Primary Dark

**Files Modified:**
- app/track/page.tsx - Dynamic theme colors
- app/analytics/page.tsx - Theme-aware icon colors
- app/(auth)/login/page.tsx - Gradient uses theme
- app/(auth)/register/page.tsx - Gradient uses theme
- app/page.tsx - Predictions integration
- locales/*/dashboard.json - All 7 languages

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

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

maternal-web/app/track/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { Box, Typography, Grid, Paper } from '@mui/material';
+import { Box, Typography, Grid, Paper, useTheme } from '@mui/material';
 import { Restaurant, Hotel, BabyChangingStation, ChildCare, MedicalServices, TrendingUp } from '@mui/icons-material';
 import { useRouter } from 'next/navigation';
 import { AppShell } from '@/components/layouts/AppShell/AppShell';
@@ -11,43 +11,45 @@ import { motion } from 'framer-motion';
 export default function TrackPage() {
   const { t } = useTranslation('tracking');
   const router = useRouter();
+  const theme = useTheme();
 
+  // Use theme colors for cards
   const trackingOptions = [
     {
       title: t('activities.feeding'),
       icon: Restaurant,
       path: '/track/feeding',
-      color: '#E91E63', // Pink with 4.5:1 contrast
+      color: theme.palette.primary.main,
     },
     {
       title: t('activities.sleep'),
       icon: Hotel,
       path: '/track/sleep',
-      color: '#1976D2', // Blue with 4.5:1 contrast
+      color: theme.palette.secondary.main,
     },
     {
       title: t('activities.diaper'),
       icon: BabyChangingStation,
       path: '/track/diaper',
-      color: '#F57C00', // Orange with 4.5:1 contrast
+      color: theme.palette.warning.main,
     },
     {
       title: t('activities.medical'),
       icon: MedicalServices,
       path: '/track/medicine',
-      color: '#C62828', // Red with 4.5:1 contrast
+      color: theme.palette.error.main,
     },
     {
       title: t('activities.activity'),
       icon: ChildCare,
       path: '/track/activity',
-      color: '#558B2F', // Green with 4.5:1 contrast
+      color: theme.palette.success.main,
     },
     {
       title: t('activities.growth'),
       icon: TrendingUp,
       path: '/track/growth',
-      color: '#7B1FA2', // Purple with 4.5:1 contrast
+      color: theme.palette.primary.dark,
     },
   ];