Add side panels, task selection, graph animation, and project docs

- Foldable left panel (user profile) and right panel (task details)
- Clicking a task in the list or graph node selects it and shows details
- Both views (task list + graph) always mounted via absolute inset-0 for
  correct canvas dimensions; tabs toggle visibility with opacity
- Graph node selection animation: other nodes repel outward (charge -600),
  then selected node smoothly slides to center (500ms cubic ease-out),
  then charge restores to -120 and graph stabilizes
- Graph re-fits on tab switch and panel resize via ResizeObserver
- Fix UUID string IDs throughout (backend returns UUIDs, not integers)
- Add TaskDetailPanel, UserPanel components
- Add CLAUDE.md project documentation

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/node_modules/entities/dist/esm/generated/decode-data-html.d.ts

@@ -0,0 +1,2 @@
+export declare const htmlDecodeTree: Uint16Array;
+//# sourceMappingURL=decode-data-html.d.ts.map

frontend/node_modules/entities/dist/esm/generated/decode-data-html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"decode-data-html.d.ts","sourceRoot":"","sources":["../../../src/generated/decode-data-html.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,EAAE,WAK5B,CAAC"}

frontend/node_modules/entities/dist/esm/generated/decode-data-html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"decode-data-html.js","sourceRoot":"","sources":["../../../src/generated/decode-data-html.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAE9C,MAAM,CAAC,MAAM,cAAc,GAAgB,eAAe,CAAC,IAAI,WAAW;AACtE,kBAAkB;AAClB,eAAe,CAAC,268CAA268C;KACt78C,KAAK,CAAC,EAAE,CAAC;KACT,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CACnC,CAAC"}

frontend/node_modules/entities/dist/esm/generated/decode-data-xml.d.ts

@@ -0,0 +1,2 @@
+export declare const xmlDecodeTree: Uint16Array;
+//# sourceMappingURL=decode-data-xml.d.ts.map

frontend/node_modules/entities/dist/esm/generated/decode-data-xml.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"decode-data-xml.d.ts","sourceRoot":"","sources":["../../../src/generated/decode-data-xml.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,EAAE,WAK3B,CAAC"}

frontend/node_modules/entities/dist/esm/generated/decode-data-xml.js

@@ -0,0 +1,7 @@
+// Generated using scripts/write-decode-map.ts
+export const xmlDecodeTree = /* #__PURE__ */ new Uint16Array(
+// prettier-ignore
+/* #__PURE__ */ "\u0200aglq\t\x15\x18\x1b\u026d\x0f\0\0\x12p;\u4026os;\u4027t;\u403et;\u403cuot;\u4022"
+    .split("")
+    .map((c) => c.charCodeAt(0)));
+//# sourceMappingURL=decode-data-xml.js.map

frontend/node_modules/entities/dist/esm/generated/decode-data-xml.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"decode-data-xml.js","sourceRoot":"","sources":["../../../src/generated/decode-data-xml.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAE9C,MAAM,CAAC,MAAM,aAAa,GAAgB,eAAe,CAAC,IAAI,WAAW;AACrE,kBAAkB;AAClB,eAAe,CAAC,uFAAuF;KAClG,KAAK,CAAC,EAAE,CAAC;KACT,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CACnC,CAAC"}

frontend/node_modules/entities/dist/esm/generated/encode-html.d.ts

@@ -0,0 +1,8 @@
+type EncodeTrieNode = string | {
+    v?: string;
+    n: number | Map<number, EncodeTrieNode>;
+    o?: string;
+};
+export declare const htmlTrie: Map<number, EncodeTrieNode>;
+export {};
+//# sourceMappingURL=encode-html.d.ts.map

frontend/node_modules/entities/dist/esm/generated/encode-html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"encode-html.d.ts","sourceRoot":"","sources":["../../../src/generated/encode-html.ts"],"names":[],"mappings":"AAEA,KAAK,cAAc,GACb,MAAM,GACN;IAAE,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAY1E,eAAO,MAAM,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAC,cAAc,CAAwhuB,CAAC"}