feat: Introduce shared settings components, implement user settings pages, and refactor agent settings pages to utilize them.

src/app/(user)/user/settings/page.tsx

@@ -0,0 +1,32 @@
+'use client';
+
+import { SettingsSidebar, ProfileSettingsForm } from '@/components/settings';
+
+export default function UserProfileSettingsPage() {
+  const handleSave = (data: {
+    fullName: string;
+    career: string;
+    email: string;
+    phone: string;
+    location: string;
+  }) => {
+    console.log('Saving user profile settings:', data);
+  };
+
+  return (
+    <div className="max-w-7xl mx-auto px-4 lg:px-8 py-6">
+      <div className="flex flex-col lg:flex-row gap-6">
+        {/* Left Sidebar */}
+        <SettingsSidebar basePath="/user/settings" />
+
+        {/* Main Content */}
+        <div className="flex-1">
+          <ProfileSettingsForm
+            onSave={handleSave}
+            descriptionText="This information will be displayed on your public profile page."
+          />
+        </div>
+      </div>
+    </div>
+  );
+}