Moves editing into forms. Every doc has a page now. BUG: state not refreshed after mutation

src/components/documents/session/SessionEditForm.tsx

@@ -0,0 +1,29 @@
+import { AutoSaveTextarea } from "@/components/AutoSaveTextarea";
+import { pb } from "@/lib/pocketbase";
+import type { Session } from "@/lib/types";
+
+export const SessionEditForm = ({ session }: { session: Session }) => {
+  async function saveStrongStart(strongStart: string) {
+    await pb.collection("documents").update(session.id, {
+      data: {
+        ...session.data,
+        session: {
+          ...session.data.session,
+          strongStart,
+        },
+      },
+    });
+  }
+
+  return (
+    <form>
+      <h3 className="text-lg font-bold mb-4 text-slate-100">Strong Start</h3>
+      <AutoSaveTextarea
+        value={session.data.session.strongStart}
+        onSave={saveStrongStart}
+        placeholder="Enter a strong start for this session..."
+        aria-label="Strong Start"
+      />
+    </form>
+  );
+};