feat: add support tickets and imrpove web app loading

deploy/docker/Dockerfile

@@ -105,6 +105,7 @@ COPY --from=version-builder /build-tag /build-tag
 COPY --from=version-builder /build-commit /build-commit
 COPY backend/bot/app/web/templates/subscription_webapp.html /usr/share/nginx/html/index.html
 COPY --from=frontend-builder /app/backend/bot/app/web/templates/subscription_webapp.css /usr/share/nginx/html/subscription_webapp.css
+COPY --from=frontend-builder /app/backend/bot/app/web/templates/subscription_webapp.*.css /usr/share/nginx/html/
 COPY --from=frontend-builder /app/backend/bot/app/web/templates/subscription_webapp.js /usr/share/nginx/html/subscription_webapp.js
 COPY --from=frontend-builder /app/backend/bot/app/web/templates/subscription_webapp.min.*.js /usr/share/nginx/html/
 
@@ -112,9 +113,17 @@ RUN set -eu; \
     find /docker-entrypoint.d -type f -name '*.sh' -exec sed -i 's/\r$//' {} +; \
     HASHED=$(ls /usr/share/nginx/html/subscription_webapp.min.*.js 2>/dev/null | sort | tail -n1 | xargs -n1 basename || true); \
     JS_NAME="${HASHED:-subscription_webapp.js}"; \
+    CSS_NAME="subscription_webapp.css"; \
+    for candidate in /usr/share/nginx/html/subscription_webapp.*.css; do \
+      name="$(basename "$candidate")"; \
+      case "$name" in \
+        subscription_webapp.[0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f].css) CSS_NAME="$name" ;; \
+      esac; \
+    done; \
     sed -i \
       -e '/WEBAPP_I18N_SCRIPT/d' \
       -e '/WEBAPP_CONFIG_SCRIPT/d' \
+      -e "s|href=\"/subscription_webapp.css\"|href=\"/${CSS_NAME}\"|" \
       -e "/WEBAPP_JS_SCRIPT/c\\  <script src=\"/${JS_NAME}\" type=\"module\"></script>" \
       -e '/WEBAPP_DEV_MOCK_START/d' \
       -e '/WEBAPP_DEV_MOCK_END/d' \

deploy/docker/frontend/nginx.conf

@@ -4,6 +4,19 @@ server {
     root /usr/share/nginx/html;
     index index.html;
 
+    gzip on;
+    gzip_comp_level 5;
+    gzip_min_length 1024;
+    gzip_vary on;
+    gzip_proxied any;
+    gzip_types
+        application/javascript
+        application/json
+        image/svg+xml
+        text/css
+        text/javascript
+        text/plain;
+
     location = /health {
         access_log off;
         return 200 "ok\n";
@@ -45,6 +58,18 @@ server {
         proxy_set_header X-Forwarded-Proto $scheme;
     }
 
+    location ~* ^/subscription_webapp\.(min\.)?[0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f]\.(css|js)$ {
+        expires off;
+        add_header Cache-Control "public, max-age=31536000, immutable";
+        try_files $uri =404;
+    }
+
+    location ~* ^/subscription_webapp\.(css|js)$ {
+        expires off;
+        add_header Cache-Control "no-cache";
+        try_files $uri =404;
+    }
+
     location ~* \.(css|js|png|jpg|jpeg|gif|ico|svg|webp)$ {
         expires 30d;
         add_header Cache-Control "public";
@@ -52,6 +77,7 @@ server {
     }
 
     location / {
+        add_header Cache-Control "no-cache";
         try_files $uri /index.html;
     }
 }