feat: Add comprehensive accessibility improvements and medical tracking

- **EULA Persistence Fix**: Fixed EULA dialog showing on every login
  - Added eulaAcceptedAt/eulaVersion to AuthResponse interface
  - Updated login/register/getUserById endpoints to return EULA fields
  - Changed EULACheck to use refreshUser() instead of window.reload()

- **Touch Target Accessibility**: All interactive elements now meet 48x48px minimum
  - Fixed 14 undersized IconButtons across 5 files
  - Changed size="small" to size="medium" with minWidth/minHeight constraints
  - Updated children page, AI chat, analytics cards, legal viewer

- **Alt Text for Images**: Complete image accessibility for screen readers
  - Added photoAlt field to children table (Migration V009)
  - PhotoUpload component now includes alt text input field
  - All Avatar components have meaningful alt text
  - Default alt text: "Photo of {childName}", "{userName}'s profile photo"

- **Medical Tracking Consolidation**: Unified medical page with tabs
  - Medicine page now has 3 tabs: Medication, Temperature, Doctor Visit
  - Backward compatibility for legacy 'medicine' activity type
  - Created dedicated /track/growth page for physical measurements

- **Track Page Updates**:
  - Simplified to 6 options: Feeding, Sleep, Diaper, Medical, Activity, Growth
  - Fixed grid layout to 3 cards per row with minWidth: 200px
  - Updated terminology from "Medicine" to "Medical"

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

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

maternal-web/components/features/analytics/MonthlyReportCard.tsx

@@ -128,13 +128,13 @@ export default function MonthlyReportCard({ childId }: MonthlyReportCardProps) {
         <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', mb: 2 }}>
           <Typography variant="h6">Monthly Report</Typography>
           <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
-            <IconButton size="small" onClick={handlePreviousMonth}>
+            <IconButton size="medium" onClick={handlePreviousMonth} sx={{ minWidth: 48, minHeight: 48 }}>
               <NavigateBefore />
             </IconButton>
             <Typography variant="body2">
               {formatDate(report.month, 'MMMM yyyy')}
             </Typography>
-            <IconButton size="small" onClick={handleNextMonth} disabled={currentMonth >= startOfMonth(new Date())}>
+            <IconButton size="medium" onClick={handleNextMonth} disabled={currentMonth >= startOfMonth(new Date())} sx={{ minWidth: 48, minHeight: 48 }}>
               <NavigateNext />
             </IconButton>
           </Box>
@@ -220,7 +220,7 @@ export default function MonthlyReportCard({ childId }: MonthlyReportCardProps) {
             </Typography>
             <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 1, mt: 1 }}>
               {report.trends.map((trend, index) => (
-                <Chip key={index} label={trend} size="small" color="primary" variant="outlined" />
+                <Chip key={index} label={trend} size="medium" color="primary" variant="outlined" />
               ))}
             </Box>
           </Box>
@@ -251,16 +251,18 @@ export default function MonthlyReportCard({ childId }: MonthlyReportCardProps) {
         {/* Export Options */}
         <Box sx={{ mt: 3, display: 'flex', gap: 1, justifyContent: 'flex-end' }}>
           <Button
-            size="small"
+            size="medium"
             startIcon={<Download />}
             onClick={() => handleExport('pdf')}
+            sx={{ minHeight: 48 }}
           >
             PDF
           </Button>
           <Button
-            size="small"
+            size="medium"
             startIcon={<Download />}
             onClick={() => handleExport('csv')}
+            sx={{ minHeight: 48 }}
           >
             CSV
           </Button>