feat: enhance project structure with server and workflow management

- Introduced a new server package with Fastify for handling API requests and workflows.
- Implemented user authentication and authorization with JWT and cookie management.
- Added endpoints for managing workflows, runs, and user accounts.
- Established a dashboard for monitoring workflow status and statistics.
- Included a script sandbox for executing user-defined scripts securely.
- Updated README with setup instructions and API documentation.
- Configured database migrations for user management.
- Enhanced logging capabilities for better traceability.

packages/web/src/components/CodeEditor.jsx

@@ -0,0 +1,30 @@
+import Editor from "@monaco-editor/react";
+import { useTheme } from "../theme.jsx";
+
+export function CodeEditor({ language, value, onChange, height = "50vh" }) {
+  const { theme } = useTheme();
+  const isMobile = typeof window !== "undefined" && window.innerWidth < 768;
+
+  return (
+    <div className="overflow-hidden rounded-box border border-base-300">
+      <Editor
+        height={height}
+        language={language}
+        value={value}
+        onChange={(v) => onChange(v ?? "")}
+        theme={theme === "dark" ? "vs-dark" : "light"}
+        options={{
+          minimap: { enabled: !isMobile },
+          lineNumbers: "on",
+          tabSize: 2,
+          insertSpaces: true,
+          autoIndent: "full",
+          automaticLayout: true,
+          wordWrap: "on",
+          scrollBeyondLastLine: false,
+          fontSize: 13,
+        }}
+      />
+    </div>
+  );
+}