fix: Add missing COPPA fields to registration payload

- Added dateOfBirth, parentalEmail, and coppaConsentGiven to RegisterData interface
- Updated register function to include all required COPPA compliance fields in API payload
- Added debug logging to see registration payload
- Fixed 400 error during registration due to missing required dateOfBirth field

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

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

maternal-web/app/track/page.tsx

@@ -55,9 +55,9 @@ export default function TrackPage() {
             {t('selectActivity')}
           </Typography>
 
-          <Grid container spacing={3}>
+          <Grid container spacing={3} sx={{ justifyContent: 'flex-start' }}>
             {trackingOptions.map((option) => (
-              <Grid item xs={12} sm={6} md={3} key={option.title}>
+              <Grid item xs={6} sm={4} md={2.4} key={option.title}>
                 <Card
                   sx={{
                     height: '180px', // Fixed height for consistency
@@ -78,12 +78,32 @@ export default function TrackPage() {
                       flexDirection: 'column',
                       alignItems: 'center',
                       justifyContent: 'center',
-                      py: 4,
                     }}
                   >
-                    <CardContent sx={{ textAlign: 'center' }}>
+                    <CardContent sx={{ 
+                      textAlign: 'center', 
+                      display: 'flex', 
+                      flexDirection: 'column', 
+                      alignItems: 'center', 
+                      justifyContent: 'center',
+                      width: '100%',
+                      height: '100%',
+                      p: 2, 
+                      '&:last-child': { pb: 2 } 
+                    }}>
                       {option.icon}
-                      <Typography variant="h6" fontWeight="600" sx={{ mt: 2 }}>
+                      <Typography 
+                        variant="h6" 
+                        fontWeight="600" 
+                        sx={{ 
+                          mt: 2,
+                          wordWrap: 'break-word',
+                          wordBreak: 'break-word',
+                          hyphens: 'auto',
+                          textAlign: 'center',
+                          width: '100%',
+                        }}
+                      >
                         {option.title}
                       </Typography>
                     </CardContent>