fix: Update home page cards to use theme colors and fix checkbox alignment

**Home Page Quick Actions:**
- Updated all 6 quick action cards to use dynamic theme colors
- Feeding: theme.palette.primary.main
- Sleep: theme.palette.secondary.main
- Diaper: theme.palette.warning.main
- Medical: theme.palette.error.main
- Activities: theme.palette.success.main
- AI Assistant: theme.palette.info.main
- Cards now change color when switching between Standard/High Contrast themes

**Registration Page UI Fix:**
- Fixed checkbox label alignment for Terms and Privacy checkboxes
- Added inline red asterisk (*) after labels for better visual indication
- Used alignItems: 'flex-start' for proper multi-line label alignment
- Added bottom margin (mb: 1) between checkboxes for better spacing
- Asterisk now appears inline with text instead of floating separately

**Files Modified:**
- app/page.tsx - Theme-aware quick action colors
- app/(auth)/register/page.tsx - Checkbox alignment fix

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

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

maternal-web/app/(auth)/register/page.tsx

@@ -420,13 +420,15 @@ export default function RegisterPage() {
                   />
                 }
                 label={
-                  <Typography variant="body2" color="text.secondary">
+                  <Typography variant="body2" color="text.secondary" component="span">
                     I agree to the{' '}
                     <MuiLink href="/terms" target="_blank" underline="hover">
                       Terms of Service
                     </MuiLink>
+                    {' '}<Typography component="span" color="error.main">*</Typography>
                   </Typography>
                 }
+                sx={{ alignItems: 'flex-start', mb: 1 }}
               />
               {errors.agreeToTerms && (
                 <Typography variant="caption" color="error" sx={{ display: 'block', mt: 0.5, ml: 4 }} id="terms-error" role="alert">
@@ -448,13 +450,15 @@ export default function RegisterPage() {
                   />
                 }
                 label={
-                  <Typography variant="body2" color="text.secondary">
+                  <Typography variant="body2" color="text.secondary" component="span">
                     I agree to the{' '}
                     <MuiLink href="/privacy" target="_blank" underline="hover">
                       Privacy Policy
                     </MuiLink>
+                    {' '}<Typography component="span" color="error.main">*</Typography>
                   </Typography>
                 }
+                sx={{ alignItems: 'flex-start', mb: 1 }}
               />
               {errors.agreeToPrivacy && (
                 <Typography variant="caption" color="error" sx={{ display: 'block', mt: 0.5, ml: 4 }} id="privacy-error" role="alert">