feat: Add Billings & Payments and Testimonials settings pages for agent and user roles, and refactor notification settings form.

src/app/(agent)/agent/settings/billings/page.tsx

@@ -0,0 +1,18 @@
+'use client';
+
+import { SettingsSidebar } from '@/components/settings';
+import { SubscriptionForm } from '@/components/settings/SubscriptionForm';
+
+export default function BillingsPage() {
+  return (
+    <div className="flex flex-col lg:flex-row gap-6">
+      {/* Left Sidebar */}
+      <SettingsSidebar basePath="/agent/settings" />
+
+      {/* Main Content */}
+      <div className="flex-1">
+        <SubscriptionForm />
+      </div>
+    </div>
+  );
+}

src/app/(agent)/agent/settings/notifications/page.tsx

@@ -2,21 +2,7 @@
 
 import { SettingsSidebar, NotificationsForm } from '@/components/settings';
 
-interface NotificationSetting {
-  id: string;
-  label: string;
-  description: string;
-  enabled: boolean;
-}
-
 export default function NotificationsPage() {
-  const handleSave = (data: {
-    emailNotifications: NotificationSetting[];
-    pushNotifications: NotificationSetting[];
-  }) => {
-    console.log('Saving agent notification settings:', data);
-  };
-
   return (
     <div className="flex flex-col lg:flex-row gap-6">
       {/* Left Sidebar */}
@@ -24,14 +10,7 @@ export default function NotificationsPage() {
 
       {/* Main Content */}
       <div className="flex-1">
-        {/* Header Card */}
-        <div className="border border-[#00293d]/10 rounded-[15px] px-6 py-4 mb-4 bg-white">
-          <h1 className="font-fractul font-bold text-[15px] leading-[18px] text-[#00293D]">
-            Notifications
-          </h1>
-        </div>
-
-        <NotificationsForm onSave={handleSave} />
+        <NotificationsForm />
       </div>
     </div>
   );

src/app/(agent)/agent/settings/testimonials/page.tsx

@@ -0,0 +1,25 @@
+'use client';
+
+import { SettingsSidebar } from '@/components/settings';
+
+export default function TestimonialsPage() {
+  return (
+    <div className="flex flex-col lg:flex-row gap-6">
+      {/* Left Sidebar */}
+      <SettingsSidebar basePath="/agent/settings" />
+
+      {/* Main Content */}
+      <div className="flex-1">
+        <div className="border border-[#00293d]/10 rounded-[15px] bg-white p-6">
+          <h2 className="font-fractul font-bold text-[20px] text-[#00293D] mb-4">
+            Add Testimonials
+          </h2>
+          <div className="border-b border-[#00293D]/10 mb-6" />
+          <p className="font-serif text-[14px] text-[#00293D]/70">
+            Testimonials management coming soon.
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+}