Implement responsive mobile design and PWA features

[gboigwe]

Description

Ensure the application is fully responsive and add Progressive Web App (PWA) features for mobile users.

Requirements

• Mobile-first responsive design
• Touch-friendly interactions
• PWA manifest and service worker
• Offline support (basic)
• Install prompt

Implementation

PWA Manifest

{
  "name": "CircleCare",
  "short_name": "CircleCare",
  "description": "Care-centered expense sharing",
  "start_url": "/",
  "display": "standalone",
  "background_color": "#1A535C",
  "theme_color": "#FF6B6B",
  "icons": [
    {
      "src": "/icon-192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/icon-512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

Acceptance Criteria

• Mobile responsive (320px - 1920px)
• Touch interactions optimized
• PWA manifest configured
• Service worker implemented
• Installable on mobile devices
• Tested on iOS and Android

Dependencies

• All frontend issues

Estimated Complexity

Medium