Phase 3: Wire page stubs into working screens with full integration

Implemented 4 page stubs with hooks and components:
- Dashboard: displays overview metrics, planned days breakdown, progress chart, break periods
- Calendar: month-based calendar grid with event badges and navigation
- Tips: list of optimization tips with dismiss functionality
- Settings: workspace configuration with child info, parent profile, vacation days, break periods

Added utility exports:
- src/context/index.ts: re-exports useAuth, useWorkspace hooks
- src/hooks/index.ts: re-exports all domain hooks

All pages:
- Use Layout wrapper with header configuration
- Load data via hooks with loading/error states
- Render presentational components (no business logic)
- Pass callbacks for user actions
- Type-safe with full @types coverage

Frontend test coverage: 167 tests, all passing
TypeScript: zero errors, lint: zero errors

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

frontend/src/components/inputs/BreakPeriodsInput.tsx

@@ -2,7 +2,7 @@ import { ReactNode, useState } from 'react'
 
 export interface BreakPeriodsInputProps {
   periods: Array<{ id: string; name: string; startDate: string; endDate: string; targetWeeks: number }>
-  onAdd: (period: Omit<any, 'id'>) => void
+  onAdd: (period: { name: string; startDate: string; endDate: string; targetWeeks: number }) => void
   onRemove: (id: string) => void
   isLoading?: boolean
 }