feat: add Redis-backed SSE updates

app/admin/form/[id]/extra/page.tsx

@@ -1,6 +1,7 @@
 import { db } from "@/db";
 import { notFound } from "next/navigation";
 import FormExtraClient from "./client";
+import { RealtimeRefresh } from "@/components/realtime-refresh";
 
 export const dynamic = "force-dynamic";
 
@@ -19,17 +20,20 @@ export default async function AdminExtraPage(
   }
 
   return (
-    <div className="space-y-6 w-full max-w-6xl mx-auto p-4 md:p-6 pb-12">
-      <div className="flex items-center justify-between">
-        <div>
-          <h1 className="text-3xl font-bold tracking-tight">Extra Settings</h1>
-          <p className="text-muted-foreground mt-1">
-            Configure Discord webhook integrations.
-          </p>
+    <>
+      <RealtimeRefresh topic="forms" formId={form.id} />
+      <div className="space-y-6 w-full max-w-6xl mx-auto p-4 md:p-6 pb-12">
+        <div className="flex items-center justify-between">
+          <div>
+            <h1 className="text-3xl font-bold tracking-tight">Extra Settings</h1>
+            <p className="text-muted-foreground mt-1">
+              Configure Discord webhook integrations.
+            </p>
+          </div>
         </div>
-      </div>
 
-      <FormExtraClient form={form} />
-    </div>
+        <FormExtraClient form={form} />
+      </div>
+    </>
   );
 }