feat: Phase 1 Foundation & Dashboard implementation

- Core infrastructure: Zustand store, API client with mock fallback
- Mode detection: Port 8080 (kiosk) / 9090 (remote)
- Dashboard components: RainfallCard, ClockDisplay, CommStatus
- Header components: VoltageDisplay, BatteryStatus, LoginIndicator
- Data polling with visibility awareness
- Bundle size: ~100KB gzipped

Also adds README.md and WIKI.md documentation

.planning/phases/01-foundation-dashboard/01-04-SUMMARY.md

@@ -0,0 +1,107 @@
+# Plan 04 Summary - Navigation & Verification
+
+**Plan:** 04  
+**Phase:** 01-foundation-dashboard  
+**Completed:** 2026-03-13
+
+---
+
+## Tasks Completed
+
+### Task 1: LoginIndicator Component
+- Created `src/app/components/LoginIndicator.tsx`:
+  - Props: isLoggedIn, className
+  - Shows User icon and status dot
+  - Green for logged in, gray for logged out
+  - Compact for header placement
+
+### Task 2: Sidebar Navigation
+- Sidebar already exists with proper navigation:
+  - HOME → /rainfall
+  - GRAPH → /graph
+  - UTILITY (expandable) → 10 sub-items
+  - CALIBRATION → /calibration
+  - FLASH MEMORY → /flash-memory
+  - SETTING → /setting
+  - LOGIN → /login
+
+### Task 3: Routes Configuration
+- Routes already configured in `src/app/routes.ts`:
+  - `/` → RainfallView
+  - `/rainfall` → RainfallView
+  - `/graph` → GraphView
+  - `/utility/*` → Various setting views
+  - `/calibration` → CalibrationView
+  - `/flash-memory` → FlashMemoryView
+
+### Task 4: LoginIndicator Integration
+- Updated Header to use LoginIndicator component
+- Integrated in header layout
+
+### Task 5: Bundle Size Configuration
+- Created `.bundlesize.json`:
+  - Max size: 200KB gzipped
+  - Configured for dist/assets/*.js
+
+### Task 6: Build Verification
+- Production build successful
+- Bundle size: 99KB gzipped (under 200KB limit)
+
+### Task 7: Integration Testing
+- App builds without errors
+- All routes configured
+- Navigation works
+
+---
+
+## Files Created/Modified
+
+| File | Status |
+|------|--------|
+| src/app/components/LoginIndicator.tsx | Created |
+| src/app/components/Header.tsx | Modified |
+| .bundlesize.json | Created |
+
+---
+
+## Bundle Size
+
+| Asset | Size | Gzipped |
+|-------|------|---------|
+| JS | 326KB | 100KB |
+| CSS | 92KB | 15KB |
+
+**Status:** Under 200KB gzipped limit ✓
+
+---
+
+## Navigation Structure
+
+```
+HOME (Rainfall Dashboard)
+GRAPH
+UTILITY (expandable)
+  ├── Station Info
+  ├── Date/Time
+  ├── Mobile
+  ├── ADC
+  ├── Rainfall
+  ├── EVAP
+  ├── GPRS
+  ├── Level
+  ├── SIREN
+  └── Network
+CALIBRATION
+FLASH MEMORY
+SETTING
+LOGIN
+```
+
+---
+
+## Notes
+
+- All navigation items have 44px+ touch targets
+- Active route highlighting works
+- Login indicator integrated in header
+- Bundle size within limits