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/ai-chat/AIChatInterface.tsx

@@ -481,7 +481,7 @@ export const AIChatInterface: React.FC = () => {
             {t('history.title')}
           </Typography>
           {isMobile && (
-            <IconButton onClick={() => setDrawerOpen(false)} size="small" aria-label={t('interface.closeDrawer')}>
+            <IconButton onClick={() => setDrawerOpen(false)} size="medium" sx={{ minWidth: 48, minHeight: 48 }} aria-label={t('interface.closeDrawer')}>
               <Close />
             </IconButton>
           )}
@@ -578,7 +578,7 @@ export const AIChatInterface: React.FC = () => {
                           }}
                         />
                         <IconButton
-                          size="small"
+                          size="medium"
                           onClick={(e) => {
                             e.stopPropagation();
                             if (isMobile) {
@@ -588,7 +588,7 @@ export const AIChatInterface: React.FC = () => {
                               setDeleteDialogOpen(true);
                             }
                           }}
-                          sx={{ ml: 1 }}
+                          sx={{ ml: 1, minWidth: 48, minHeight: 48 }}
                           aria-label={isMobile ? t('interface.moreOptions') : t('interface.deleteConversation')}
                         >
                           {isMobile ? <MoreVert fontSize="small" /> : <Delete fontSize="small" />}
@@ -655,7 +655,7 @@ export const AIChatInterface: React.FC = () => {
                 <MenuIcon />
               </IconButton>
             )}
-            <Avatar sx={{ bgcolor: 'primary.main' }}>
+            <Avatar sx={{ bgcolor: 'primary.main' }} alt="User">
               <SmartToy />
             </Avatar>
             <Box>
@@ -816,7 +816,7 @@ export const AIChatInterface: React.FC = () => {
                     )}
                   </Paper>
                   {message.role === 'user' && (
-                    <Avatar sx={{ bgcolor: 'secondary.main', mt: 1 }}>
+                    <Avatar sx={{ bgcolor: 'secondary.main', mt: 1 }} alt="AI Assistant">
                       <Person />
                     </Avatar>
                   )}
@@ -899,7 +899,7 @@ export const AIChatInterface: React.FC = () => {
           {/* Loading Indicator (shown when waiting for first token) */}
           {isLoading && !streamingMessage && (
             <Box sx={{ display: 'flex', gap: 2 }}>
-              <Avatar sx={{ bgcolor: 'primary.main' }}>
+              <Avatar sx={{ bgcolor: 'primary.main' }} alt="User">
                 <SmartToy />
               </Avatar>
               <Paper