Add tasks: the crew's shared to-do list

Bots and workspaces each keep a list of work tracked until it's done, and
the bots move it along themselves as they work.

- tasks (one collection per bot or per workspace), task_notes (the
  progress log) and task_media (a deliverable or a reference file, its
  bytes a private media row served at /media/private/<id>)
- statuses todo/doing/blocked/done/cancelled, with blocked_reason while
  only the user can unblock it
- visibility as SQL in src/utils/task-access: a user's own bots and
  workspaces, a run's own list plus its workspaces, everything for the
  coordinator; every tool and endpoint resolves through it
- list_tasks, create_task and update_task on every run, so a chat reply,
  a task and a routine all read the list, log progress and file what they
  produced
- TasksNote on every run and TaskReminderNote in chat, so a greeting or a
  proposed next step brings pending work up in one measured line
- tasks group on the workspace dashboard and a tasks modal in the
  conversation header, sharing one form, row and detail panel
- a bot's or workspace's own chat uploads are read before the delete so
  none are stranded; bot files keep their folder

Also corrects the README's RAM guidance and table alignment.

src/components/general/task-status-chip.tsx

@@ -0,0 +1,29 @@
+import Tag from "@moduletrace/twui/elements/Tag";
+import { TaskStatuses, type TaskStatus } from "@/src/dict/task-dict";
+
+type Props = {
+    status?: TaskStatus | string | null;
+};
+
+/**
+ * A task's status as one word. The tone follows the state: a blocked task
+ * is the only one that asks for the user, so it's the only one that reads
+ * as a call.
+ */
+export default function TaskStatusChip({ status = "todo" }: Props) {
+    const value = (status || "todo") as TaskStatus;
+    const title = TaskStatuses.find((it) => it.value == value)?.title || "To do";
+
+    const tone =
+        value == "blocked"
+            ? "text-ink border-ink"
+            : value == "doing"
+              ? "text-ink border-hairline-strong"
+              : "text-ink-secondary border-hairline";
+
+    return (
+        <Tag className={`shrink-0 px-2! py-0.5! text-[11px]! font-bold! leading-4! border border-solid ${tone}`}>
+            {title}
+        </Tag>
+    );
+}