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

src/components/documents/session/SessionEditForm.tsx

@@ -1,19 +1,26 @@
 import { AutoSaveTextarea } from "@/components/AutoSaveTextarea";
+import { pb } from "@/lib/pocketbase";
 import type { Session } from "@/lib/types";
 
-export const EditSessionForm = ({
-  session,
-  onSubmit,
-}: {
-  session: Session;
-  onSubmit: (data: Session["data"]) => Promise<void>;
-}) => {
+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={(value) => onSubmit({ session: { strongStart: value } })}
+        onSave={saveStrongStart}
         placeholder="Enter a strong start for this session..."
         aria-label="Strong Start"
       />