feat: Implement comprehensive error handling and production deployment pipeline

## Error Handling System
- Add centralized error handling utilities (errorHandler.ts)
- Create reusable error components (ErrorMessage, ErrorToast)
- Implement multilingual error support (preserves backend error messages in 5 languages)
- Update 15+ forms and components with consistent error handling
  - Auth forms: login, register, forgot-password
  - Family management: family page, join family dialog
  - Child management: child dialog
  - All tracking forms: feeding, sleep, diaper, medicine, growth, activity

## Production Build Fixes
- Fix backend TypeScript errors: InviteCode.uses → InviteCode.useCount (5 instances)
- Remove non-existent savedFamily variable from registration response
- Fix admin panel TypeScript errors: SimpleMDE toolbar type, PieChart label type

## User Experience Improvements
- Auto-uppercase invite code and share code inputs
- Visual feedback for case conversion with helper text
- Improved form validation with error codes

## CI/CD Pipeline
- Create comprehensive production deployment checklist (PRODUCTION_DEPLOYMENT_CHECKLIST.md)
- Add automated pre-deployment check script (pre-deploy-check.sh)
  - Validates frontend, backend, and admin panel builds
  - Checks git status, branch, and sync state
  - Verifies environment files and migrations
- Add quick start deployment guide (DEPLOYMENT_QUICK_START.md)
- Add production deployment automation template (deploy-production.sh)

## Cleanup
- Remove outdated push notifications documentation files
- Remove outdated PWA implementation plan

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

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

maternal-web/app/track/sleep/page.tsx

@@ -47,6 +47,8 @@ import { childrenApi, Child } from '@/lib/api/children';
 import { motion } from 'framer-motion';
 import { useLocalizedDate } from '@/hooks/useLocalizedDate';
 import { useTranslation } from '@/hooks/useTranslation';
+import { useErrorMessage } from '@/components/common/ErrorMessage';
+import { formatErrorMessage } from '@/lib/utils/errorHandler';
 import { useDispatch, useSelector } from 'react-redux';
 import { fetchChildren, selectChild, selectSelectedChild, childrenSelectors } from '@/store/slices/childrenSlice';
 import { AppDispatch, RootState } from '@/store/store';
@@ -91,7 +93,7 @@ export default function SleepTrackPage() {
   const [recentSleeps, setRecentSleeps] = useState<Activity[]>([]);
   const [loading, setLoading] = useState(false);
   const [sleepsLoading, setSleepsLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
+  const { error, showError, clearError, hasError } = useErrorMessage();
   const [successMessage, setSuccessMessage] = useState<string | null>(null);
 
   // Delete confirmation dialog
@@ -181,18 +183,18 @@ export default function SleepTrackPage() {
 
   const handleSubmit = async () => {
     if (!selectedChild?.id) {
-      setError('Please select a child');
+      showError({ message: 'Please select a child', code: 'NO_CHILD_SELECTED' });
       return;
     }
 
     // Validation
     if (!startTime) {
-      setError('Please enter start time');
+      showError({ message: 'Please enter start time', code: 'VALIDATION_ERROR' });
       return;
     }
 
     if (!isOngoing && !endTime) {
-      setError('Please enter end time or mark as ongoing');
+      showError({ message: 'Please enter end time or mark as ongoing', code: 'VALIDATION_ERROR' });
       return;
     }
 
@@ -200,14 +202,14 @@ export default function SleepTrackPage() {
       const start = new Date(startTime);
       const end = new Date(endTime);
       if (end <= start) {
-        setError('End time must be after start time');
+        showError({ message: 'End time must be after start time', code: 'VALIDATION_ERROR' });
         return;
       }
     }
 
     try {
       setLoading(true);
-      setError(null);
+      clearError();
 
       const data: SleepData = {
         startTime,
@@ -236,7 +238,7 @@ export default function SleepTrackPage() {
       await loadRecentSleeps();
     } catch (err: any) {
       console.error('Failed to save sleep:', err);
-      setError(err.response?.data?.message || 'Failed to save sleep');
+      showError(err);
     } finally {
       setLoading(false);
     }
@@ -268,7 +270,7 @@ export default function SleepTrackPage() {
       await loadRecentSleeps();
     } catch (err: any) {
       console.error('Failed to delete sleep:', err);
-      setError(err.response?.data?.message || 'Failed to delete sleep');
+      showError(err);
     } finally {
       setLoading(false);
     }
@@ -380,9 +382,9 @@ export default function SleepTrackPage() {
             </Typography>
           </Box>
 
-          {error && (
-            <Alert severity="error" sx={{ mb: 3 }} onClose={() => setError(null)}>
-              {error}
+          {hasError && (
+            <Alert severity="error" sx={{ mb: 3 }} onClose={clearError}>
+              {formatErrorMessage(error)}
             </Alert>
           )}