Add chip selection feature for "s" tags

Implemented a chip selection modal that appears when cycling to the "s" tag. Users can now assign specific chips (e.g., "s.AL") to entries, improving interactivity and flexibility in tagging.

frontend/package.json

@@ -13,6 +13,7 @@
     },
     "devDependencies": {
         "@vitejs/plugin-react": "^4.3.1",
-        "vite": "^5.4.8"
+        "vite": "^5.4.8",
+        "vite-plugin-pwa": "^0.20.0"
     }
 }

frontend/src/main.jsx

@@ -1,5 +1,7 @@
 import React from "react";
 import { createRoot } from "react-dom/client";
 import App from "./App.jsx";
+import { registerSW } from "virtual:pwa-register";
 
 createRoot(document.getElementById("root")).render(<App />);
+registerSW({ immediate: true });

frontend/vite.config.js

@@ -1,6 +1,34 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
+import { VitePWA } from "vite-plugin-pwa";
 
 export default defineConfig({
-  plugins: [react()],
+  plugins: [
+    react(),
+    VitePWA({
+      registerType: "autoUpdate",
+      includeAssets: [
+        "favicon.ico",
+        "icons/icon-512.png",
+        "marauders-map.jpg" // oder dein Hintergrund
+      ],
+      manifest: {
+        name: "Zauber-Detektiv Notizbogen",
+        short_name: "Notizbogen",
+        description: "Cluedo-Magie Sheet",
+        start_url: "/",
+        scope: "/",
+        display: "standalone",
+        background_color: "#1c140d",
+        theme_color: "#caa45a",
+        icons: [
+          { src: "/icons/icon-512.png", sizes: "512x512", type: "image/png" }
+        ]
+      },
+      workbox: {
+        // Caching-Default: die App-Shell wird offline verfügbar
+        globPatterns: ["**/*.{js,css,html,ico,png,jpg,jpeg,svg,webp}"],
+      }
+    })
+  ]
 });