web: reload on chunk load errors after a deploy

web/src/app/error.tsx

@@ -1,8 +1,22 @@
 "use client";
 
+import { useEffect } from "react";
 import { PageHeader } from "@/components/general/PageHeader";
+import { isChunkLoadError } from "@/lib/chunkError";
+
+const RELOAD_KEY = "chunk-error-reload";
+const RELOAD_COOLDOWN_MS = 10_000;
+
+function ErrorPage({ error }: { error: Error & { digest?: string } }) {
+  useEffect(() => {
+    if (!isChunkLoadError(error)) return;
+    // No reload loop if the chunk is gone for good
+    const last = Number(sessionStorage.getItem(RELOAD_KEY) ?? 0);
+    if (Date.now() - last < RELOAD_COOLDOWN_MS) return;
+    sessionStorage.setItem(RELOAD_KEY, String(Date.now()));
+    window.location.reload();
+  }, [error]);
 
-function ErrorPage() {
   return (
     <main className="site-main" id="main">
       <div>