Add screenshot placeholders and update docker-compose example

- Added Screenshots section with 2x2 grid layout for:
  - Dashboard, Expenses, New Expense, Settings
- Updated docker-compose.yml example to match actual file:
  - Added healthcheck configuration
  - Added security options (cap_drop, cap_add, no-new-privileges)
  - Added DATA_PATH variable support

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

Co-Authored-By: Claude Opus 4.5 <[email protected]>

Author: JavaDogWebDesign

README.md

@@ -22,6 +22,16 @@ A privacy-focused, self-hosted web application for tracking healthcare expenses.
 
 ---
 
+## Screenshots
+
+| Dashboard | Expenses |
+|:---------:|:--------:|
+| ![Dashboard](docs/screenshots/dashboard.png) | ![Expenses](docs/screenshots/expenses.png) |
+| **New Expense** | **Settings** |
+| ![New Expense](docs/screenshots/new-expense.png) | ![Settings](docs/screenshots/settings.png) |
+
+---
+
 ## Quick Start with Docker Compose
 
 ### Step 1: Create docker-compose.yml
@@ -35,11 +45,23 @@ services:
     container_name: hsa-tracker
     restart: unless-stopped
     ports:
-      - "4123:4123"
+      - "0.0.0.0:${PORT:-4123}:4123"
     env_file:
       - .env
     volumes:
-      - ./data:/app/data
+      - ${DATA_PATH:-./data}:/app/data
+    healthcheck:
+      test: ["CMD", "python", "-c", "import urllib.request; urllib.request.urlopen('http://localhost:4123/login').read()"]
+      interval: 30s
+      timeout: 10s
+      retries: 3
+      start_period: 40s
+    cap_drop:
+      - ALL
+    cap_add:
+      - NET_BIND_SERVICE
+    security_opt:
+      - no-new-privileges:true
 ```
 
 ### Step 2: Create .env file