add pwa config

src/providers/ClientAppProvider.tsx

@@ -7,6 +7,26 @@ import { useEffect, useState } from "react";
 export function ClientAppProvider({ children }: { children: React.ReactNode }) {
     const [mounted, setMounted] = useState(false);
 
+    useEffect(() => {
+        if ("serviceWorker" in navigator) {
+            const registerSW = async () => {
+                try {
+                    const registration = await navigator.serviceWorker.register("/sw.js", {
+                        scope: "/",
+                        updateViaCache: "none",
+                    });
+                    console.log("Service Worker registered successfully:", registration);
+                } catch (error) {
+                    console.error("Service Worker registration failed:", error);
+                }
+            };
+
+            // Register on page load and after navigation
+            registerSW();
+            window.addEventListener("load", registerSW);
+        }
+    }, []);
+
     // wait for hydration
     useEffect(() => {
         setMounted(true);