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/aria-query/lib/util/iterationDecorator.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = iterationDecorator;
+var _iteratorProxy = _interopRequireDefault(require("./iteratorProxy"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function iterationDecorator(collection, entries) {
+  if (typeof Symbol === 'function' && _typeof(Symbol.iterator) === 'symbol') {
+    Object.defineProperty(collection, Symbol.iterator, {
+      value: _iteratorProxy.default.bind(entries)
+    });
+  }
+  return collection;
+}

frontend/node_modules/aria-query/lib/util/iteratorProxy.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+// eslint-disable-next-line no-unused-vars
+function iteratorProxy() {
+  var values = this;
+  var index = 0;
+  var iter = {
+    '@@iterator': function iterator() {
+      return iter;
+    },
+    next: function next() {
+      if (index < values.length) {
+        var value = values[index];
+        index = index + 1;
+        return {
+          done: false,
+          value: value
+        };
+      } else {
+        return {
+          done: true
+        };
+      }
+    }
+  };
+  return iter;
+}
+var _default = iteratorProxy;
+exports.default = _default;