Add backend API integration for Children, Family, and Tracking

API Services Created:
- lib/api/children.ts: Full CRUD operations for children management
- lib/api/families.ts: Family member management and invitations
- lib/api/tracking.ts: Activity tracking (feeding, sleep, diaper, etc.)

Children Page Implementation:
- Fetch and display children from backend API
- Add/Edit child with modal dialog (ChildDialog component)
- Delete child with confirmation (DeleteConfirmDialog component)
- Age calculation from birthDate
- Loading states and error handling
- Responsive card grid layout
- Gender-based avatar colors
- Empty state for no children

AuthContext Updates:
- Added families array to User interface
- Includes familyId for API calls

Components:
- components/children/ChildDialog.tsx: Form for add/edit child
- components/children/DeleteConfirmDialog.tsx: Delete confirmation

All components use Material-UI theme and include proper TypeScript types

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

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

maternal-web/lib/api/children.ts

@@ -0,0 +1,60 @@
+import apiClient from './client';
+
+export interface Child {
+  id: string;
+  familyId: string;
+  name: string;
+  birthDate: string;
+  gender: 'male' | 'female' | 'other';
+  photoUrl?: string;
+  medicalInfo?: any;
+  createdAt: string;
+}
+
+export interface CreateChildData {
+  name: string;
+  birthDate: string;
+  gender: 'male' | 'female' | 'other';
+  photoUrl?: string;
+  medicalInfo?: any;
+}
+
+export interface UpdateChildData extends Partial<CreateChildData> {}
+
+export const childrenApi = {
+  // Get all children for the authenticated user
+  getChildren: async (familyId?: string): Promise<Child[]> => {
+    const params = familyId ? { familyId } : {};
+    const response = await apiClient.get('/api/v1/children', { params });
+    return response.data.data.children;
+  },
+
+  // Get a specific child
+  getChild: async (id: string): Promise<Child> => {
+    const response = await apiClient.get(`/api/v1/children/${id}`);
+    return response.data.data.child;
+  },
+
+  // Create a new child
+  createChild: async (familyId: string, data: CreateChildData): Promise<Child> => {
+    const response = await apiClient.post(`/api/v1/children?familyId=${familyId}`, data);
+    return response.data.data.child;
+  },
+
+  // Update a child
+  updateChild: async (id: string, data: UpdateChildData): Promise<Child> => {
+    const response = await apiClient.patch(`/api/v1/children/${id}`, data);
+    return response.data.data.child;
+  },
+
+  // Delete a child
+  deleteChild: async (id: string): Promise<void> => {
+    await apiClient.delete(`/api/v1/children/${id}`);
+  },
+
+  // Get child's age
+  getChildAge: async (id: string): Promise<{ ageInMonths: number; ageInYears: number; remainingMonths: number }> => {
+    const response = await apiClient.get(`/api/v1/children/${id}/age`);
+    return response.data.data;
+  },
+};

maternal-web/lib/api/families.ts

@@ -0,0 +1,69 @@
+import apiClient from './client';
+
+export interface Family {
+  id: string;
+  name: string;
+  shareCode: string;
+  createdBy: string;
+  subscriptionTier: string;
+  members?: FamilyMember[];
+}
+
+export interface FamilyMember {
+  id: string;
+  userId: string;
+  familyId: string;
+  role: 'parent' | 'caregiver' | 'viewer';
+  permissions: any;
+  user?: {
+    id: string;
+    name: string;
+    email: string;
+  };
+}
+
+export interface InviteMemberData {
+  email: string;
+  role: 'parent' | 'caregiver' | 'viewer';
+}
+
+export interface JoinFamilyData {
+  shareCode: string;
+}
+
+export const familiesApi = {
+  // Get a specific family
+  getFamily: async (familyId: string): Promise<Family> => {
+    const response = await apiClient.get(`/api/v1/families/${familyId}`);
+    return response.data.data.family;
+  },
+
+  // Get family members
+  getFamilyMembers: async (familyId: string): Promise<FamilyMember[]> => {
+    const response = await apiClient.get(`/api/v1/families/${familyId}/members`);
+    return response.data.data.members;
+  },
+
+  // Invite a family member
+  inviteMember: async (familyId: string, data: InviteMemberData): Promise<any> => {
+    const response = await apiClient.post(`/api/v1/families/invite?familyId=${familyId}`, data);
+    return response.data.data.invitation;
+  },
+
+  // Join a family using share code
+  joinFamily: async (data: JoinFamilyData): Promise<FamilyMember> => {
+    const response = await apiClient.post('/api/v1/families/join', data);
+    return response.data.data.member;
+  },
+
+  // Update member role
+  updateMemberRole: async (familyId: string, userId: string, role: string): Promise<FamilyMember> => {
+    const response = await apiClient.patch(`/api/v1/families/${familyId}/members/${userId}/role`, { role });
+    return response.data.data.member;
+  },
+
+  // Remove a family member
+  removeMember: async (familyId: string, userId: string): Promise<void> => {
+    await apiClient.delete(`/api/v1/families/${familyId}/members/${userId}`);
+  },
+};

maternal-web/lib/api/tracking.ts

@@ -0,0 +1,80 @@
+import apiClient from './client';
+
+export type ActivityType = 'feeding' | 'sleep' | 'diaper' | 'medication' | 'milestone' | 'note';
+
+export interface Activity {
+  id: string;
+  childId: string;
+  type: ActivityType;
+  timestamp: string;
+  data: any;
+  notes?: string;
+  loggedBy: string;
+  createdAt: string;
+}
+
+export interface CreateActivityData {
+  type: ActivityType;
+  timestamp: string;
+  data: any;
+  notes?: string;
+}
+
+export interface UpdateActivityData extends Partial<CreateActivityData> {}
+
+export interface DailySummary {
+  date: string;
+  feedingCount: number;
+  sleepTotalMinutes: number;
+  diaperCount: number;
+  activities: Activity[];
+}
+
+export const trackingApi = {
+  // Get all activities for a child
+  getActivities: async (
+    childId: string,
+    type?: ActivityType,
+    startDate?: string,
+    endDate?: string
+  ): Promise<Activity[]> => {
+    const params: any = { childId };
+    if (type) params.type = type;
+    if (startDate) params.startDate = startDate;
+    if (endDate) params.endDate = endDate;
+
+    const response = await apiClient.get('/api/v1/activities', { params });
+    return response.data.data.activities;
+  },
+
+  // Get a specific activity
+  getActivity: async (id: string): Promise<Activity> => {
+    const response = await apiClient.get(`/api/v1/activities/${id}`);
+    return response.data.data.activity;
+  },
+
+  // Create a new activity
+  createActivity: async (childId: string, data: CreateActivityData): Promise<Activity> => {
+    const response = await apiClient.post(`/api/v1/activities?childId=${childId}`, data);
+    return response.data.data.activity;
+  },
+
+  // Update an activity
+  updateActivity: async (id: string, data: UpdateActivityData): Promise<Activity> => {
+    const response = await apiClient.patch(`/api/v1/activities/${id}`, data);
+    return response.data.data.activity;
+  },
+
+  // Delete an activity
+  deleteActivity: async (id: string): Promise<void> => {
+    await apiClient.delete(`/api/v1/activities/${id}`);
+  },
+
+  // Get daily summary
+  getDailySummary: async (childId: string, date: string): Promise<DailySummary> => {
+    const response = await apiClient.get('/api/v1/activities/daily-summary', {
+      params: { childId, date },
+    });
+    return response.data.data;
+  },
+};