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/family/page.tsx

@@ -38,6 +38,8 @@ import { RoleInvitesSection } from '@/components/family/RoleInvitesSection';
 import { motion } from 'framer-motion';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useSelectedFamily } from '@/hooks/useSelectedFamily';
+import { useErrorMessage } from '@/components/common/ErrorMessage';
+import { formatErrorMessage } from '@/lib/utils/errorHandler';
 
 export default function FamilyPage() {
   const { t } = useTranslation('family');
@@ -46,7 +48,7 @@ export default function FamilyPage() {
   const [family, setFamily] = useState<Family | null>(null);
   const [members, setMembers] = useState<FamilyMember[]>([]);
   const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<string>('');
+  const { error, showError, clearError, hasError } = useErrorMessage();
   const [inviteDialogOpen, setInviteDialogOpen] = useState(false);
   const [joinDialogOpen, setJoinDialogOpen] = useState(false);
   const [removeDialogOpen, setRemoveDialogOpen] = useState(false);
@@ -63,7 +65,7 @@ export default function FamilyPage() {
       fetchFamilyData();
     } else {
       setLoading(false);
-      setError(t('messages.noFamilyFound'));
+      showError({ message: t('messages.noFamilyFound'), code: 'NO_FAMILY_FOUND' });
     }
   }, [familyId, selectedIndex]);
 
@@ -72,7 +74,7 @@ export default function FamilyPage() {
 
     try {
       setLoading(true);
-      setError('');
+      clearError();
       const [familyData, membersData] = await Promise.all([
         familiesApi.getFamily(familyId),
         familiesApi.getFamilyMembers(familyId),
@@ -86,8 +88,7 @@ export default function FamilyPage() {
         [familyId]: familyData.name
       }));
     } catch (err: any) {
-      console.error('Failed to fetch family data:', err);
-      setError(err.response?.data?.message || t('messages.failedToLoad'));
+      showError(err);
     } finally {
       setLoading(false);
     }
@@ -186,8 +187,7 @@ export default function FamilyPage() {
       setRemoveDialogOpen(false);
       setMemberToRemove(null);
     } catch (err: any) {
-      console.error('Failed to remove member:', err);
-      setError(err.response?.data?.message || t('messages.failedToRemove'));
+      showError(err);
     } finally {
       setActionLoading(false);
     }
@@ -281,9 +281,9 @@ export default function FamilyPage() {
             </Paper>
           )}
 
-          {error && (
-            <Alert severity="error" sx={{ mb: 3 }} onClose={() => setError('')}>
-              {error}
+          {hasError && (
+            <Alert severity="error" sx={{ mb: 3 }} onClose={clearError}>
+              {formatErrorMessage(error)}
             </Alert>
           )}
 
@@ -435,7 +435,7 @@ export default function FamilyPage() {
                   <RoleInvitesSection
                     familyId={familyId!}
                     onSuccess={(message) => setSnackbar({ open: true, message })}
-                    onError={(message) => setError(message)}
+                    onError={(err) => showError(err)}
                   />
                 </Grid>
               )}