Apply reference design to Astro and add screenshot storage

compose.yaml

@@ -13,14 +13,33 @@ services:
     volumes:
       - postgres_data:/var/lib/postgresql/data
 
+  minio:
+    image: minio/minio:RELEASE.2025-07-23T15-54-02Z
+    command: server /data --console-address ":9001"
+    environment:
+      MINIO_ROOT_USER: ${S3_ACCESS_KEY:-rf4-local}
+      MINIO_ROOT_PASSWORD: ${S3_SECRET_KEY:-rf4-local-secret}
+    ports:
+      - "9000:9000"
+      - "9001:9001"
+    volumes:
+      - minio_data:/data
+
   api:
     build: ./apps/api
     environment:
       DATABASE_URL: postgresql+psycopg://rf4:rf4_local@db:5432/rf4_spotter
       ADMIN_TOKEN: ${ADMIN_TOKEN:-change-me-in-production}
+      S3_ENDPOINT_URL: http://minio:9000
+      S3_PUBLIC_ENDPOINT_URL: ${S3_PUBLIC_ENDPOINT_URL:-http://localhost:9000}
+      S3_ACCESS_KEY: ${S3_ACCESS_KEY:-rf4-local}
+      S3_SECRET_KEY: ${S3_SECRET_KEY:-rf4-local-secret}
+      S3_BUCKET: ${S3_BUCKET:-catch-screenshots}
     depends_on:
       db:
         condition: service_healthy
+      minio:
+        condition: service_started
     ports:
       - "8000:8000"
     healthcheck:
@@ -52,3 +71,4 @@ services:
 
 volumes:
   postgres_data:
+  minio_data: