chat client UI restructure + added all projects view and settings view(placeholder)

packages/chat-client/src/components/SettingsView.jsx

@@ -0,0 +1,56 @@
+import React from 'react';
+
+export default function SettingsView() {
+  return (
+    <div className="flex-col flex-1 overflow-hidden" style={{ background: 'var(--bg-base)' }}>
+
+      {/* Header */}
+      <div className="panel-header" style={{ padding: '0 24px' }}>
+        <span className="text-base" style={{ fontWeight: 500, color: 'var(--text-secondary)' }}>
+          Settings
+        </span>
+      </div>
+
+      <div className="flex-1 scroll-y" style={{ padding: '24px' }}>
+        <SettingsSection title="Appearance">
+          <Placeholder />
+        </SettingsSection>
+        <SettingsSection title="Memory">
+          <Placeholder />
+        </SettingsSection>
+        <SettingsSection title="Models">
+          <Placeholder />
+        </SettingsSection>
+        <SettingsSection title="About">
+          <Placeholder />
+        </SettingsSection>
+      </div>
+    </div>
+  );
+}
+
+function SettingsSection({ title, children }) {
+  return (
+    <div style={{ marginBottom: '32px' }}>
+      <p className="label-upper" style={{ marginBottom: '12px', color: 'var(--text-secondary)' }}>
+        {title}
+      </p>
+      <div style={{
+        background: 'var(--bg-surface)',
+        border: '1px solid var(--border)',
+        borderRadius: 'var(--radius-lg)',
+        overflow: 'hidden',
+      }}>
+        {children}
+      </div>
+    </div>
+  );
+}
+
+function Placeholder() {
+  return (
+    <div className="text-sm text-muted" style={{ padding: '20px 16px' }}>
+      Coming soon
+    </div>
+  );
+}