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

src/components/documents/monsters/MonsterEditForm.tsx

@@ -0,0 +1,30 @@
+import { AutoSaveTextarea } from "@/components/AutoSaveTextarea";
+import { pb } from "@/lib/pocketbase";
+import type { Monster } from "@/lib/types";
+
+/**
+ * Renders an editable monster row
+ */
+export const MonsterEditForm = ({ monster }: { monster: Monster }) => {
+  async function saveMonsterName(name: string) {
+    await pb.collection("documents").update(monster.id, {
+      data: {
+        ...monster.data,
+        monster: {
+          ...monster.data.monster,
+          name,
+        },
+      },
+    });
+  }
+
+  return (
+    <div className="">
+      <AutoSaveTextarea
+        multiline={false}
+        value={monster.data.monster.name}
+        onSave={saveMonsterName}
+      />
+    </div>
+  );
+};