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/next/dist/esm/client/app-webpack.js

@@ -0,0 +1,55 @@
+// Override chunk URL mapping in the webpack runtime
+// https://github.com/webpack/webpack/blob/2738eebc7880835d88c727d364ad37f3ec557593/lib/RuntimeGlobals.js#L204
+import { getDeploymentIdQueryOrEmptyString } from "../build/deployment-id";
+// If we have a deployment ID, we need to append it to the webpack chunk names
+// I am keeping the process check explicit so this can be statically optimized
+if (process.env.NEXT_DEPLOYMENT_ID) {
+    const suffix = getDeploymentIdQueryOrEmptyString();
+    // eslint-disable-next-line no-undef
+    const getChunkScriptFilename = __webpack_require__.u;
+    // eslint-disable-next-line no-undef
+    __webpack_require__.u = function() {
+        for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
+            args[_key] = arguments[_key];
+        }
+        return(// We enode the chunk filename because our static server matches against and encoded
+        // filename path.
+        encodeURI(getChunkScriptFilename(...args) + suffix));
+    };
+    // eslint-disable-next-line no-undef
+    const getChunkCssFilename = __webpack_require__.k;
+    // eslint-disable-next-line no-undef
+    __webpack_require__.k = function() {
+        for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
+            args[_key] = arguments[_key];
+        }
+        return getChunkCssFilename(...args) + suffix;
+    };
+    // eslint-disable-next-line no-undef
+    const getMiniCssFilename = __webpack_require__.miniCssF;
+    // eslint-disable-next-line no-undef
+    __webpack_require__.miniCssF = function() {
+        for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
+            args[_key] = arguments[_key];
+        }
+        return getMiniCssFilename(...args) + suffix;
+    };
+} else {
+    // eslint-disable-next-line no-undef
+    const getChunkScriptFilename = __webpack_require__.u;
+    // eslint-disable-next-line no-undef
+    __webpack_require__.u = function() {
+        for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
+            args[_key] = arguments[_key];
+        }
+        return(// We enode the chunk filename because our static server matches against and encoded
+        // filename path.
+        encodeURI(getChunkScriptFilename(...args)));
+    };
+// We don't need to override __webpack_require__.k because we don't modify
+// the css chunk name when not using deployment id suffixes
+// WE don't need to override __webpack_require__.miniCssF because we don't modify
+// the mini css chunk name when not using deployment id suffixes
+}
+
+//# sourceMappingURL=app-webpack.js.map