feat: support settings

frontend/src/components/workspace/settings/settings-section.tsx

@@ -0,0 +1,25 @@
+import { cn } from "@/lib/utils";
+
+export function SettingsSection({
+  className,
+  title,
+  description,
+  children,
+}: {
+  className?: string;
+  title: React.ReactNode;
+  description?: React.ReactNode;
+  children: React.ReactNode;
+}) {
+  return (
+    <section className={cn(className)}>
+      <header className="space-y-2">
+        <h3 className="text-lg font-semibold">{title}</h3>
+        {description && (
+          <p className="text-muted-foreground text-sm">{description}</p>
+        )}
+      </header>
+      <main className="mt-4">{children}</main>
+    </section>
+  );
+}