config: update Caddyfile structure and add new documentation screenshots

- Simplified and refined the `Caddyfile` configuration for improved readability.
- Added screenshots to `docs/ScreenShots` documenting proxy settings and production logs.

Signed-off-by: Stefan Mogeritsch <stefan.mo.co@gmail.com>

config/docker/caddy/web-app/Caddyfile

@@ -1,64 +1,42 @@
-# Caddyfile
-
 {
 # Global options
+  auto_https off
   servers {
             metrics
           }
 }
 
-# Define the site
+:4000 {
-
+# Root directory
-app.mo-code.at:4000, :4000 {
-# Root directory for static files
   root * /usr/share/caddy
 
-# Access Logs (JSON format for Docker)
+# Logging
   log {
         output stdout
         format json
       }
 
-# Enable Gzip/Zstd compression
+# Compression
   encode gzip zstd
 
-# Templates for runtime configuration (config.json)
+# Configuration Template
   templates {
               mime application/json
             }
 
-# Cache Control for static assets (immutable)
+# Static Assets
-  @static {
+  file_server
-            file
-            path *.js *.css *.png *.jpg *.svg *.wasm
-          }
-  header @static Cache-Control "public, max-age=31536000, immutable"
 
-# Security Headers
+# API Proxy
-  header {
-           Cross-Origin-Opener-Policy "same-origin"
-           Cross-Origin-Embedder-Policy "require-corp"
-           X-Content-Type-Options "nosniff"
-           X-Frame-Options "DENY"
-           Referrer-Policy "strict-origin-when-cross-origin"
-           Permissions-Policy "camera=(), microphone=(), geolocation=()"
-         }
-
-# --- ROUTING LOGIC ---
-
-# 1. API Proxy
   handle /api/* {
                   reverse_proxy api-gateway:8081
                 }
 
-# 2. Health Check
+# Health
   handle /health {
                    respond "healthy" 200
                  }
 
-# 3. Static Files & SPA Fallback
+# SPA Routing (Last Resort)
-  handle {
+  try_files {path} /index.html
-           try_files {path} /index.html
-           file_server
-         }
 }