dashboard design changes

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

@@ -1,19 +1,13 @@
-import {VStack} from '@astryxdesign/core/Layout';
-import {PageHeader} from '@/components/primitives/PageHeader';
+import {SettingsPage} from '@/features/settings/SettingsPage';
 import {NotificationsForm} from '@/features/settings/NotificationsForm';
-import {readProfile} from '@/lib/mock/settings';
-
-/** Server Component — same direct-read hybrid as the profile page. */
-export default function SettingsNotificationsPage() {
-  const {notifications} = readProfile();
 
+export default function NotificationsSettingsPage() {
   return (
-    <VStack gap={5}>
-      <PageHeader
-        title="Notifications"
-        description="Choose which events are worth interrupting you for."
-      />
-      <NotificationsForm initialData={notifications} />
-    </VStack>
+    <SettingsPage
+      title="Notifications"
+      description="Delivery channels, instant alerts, weekly digest dispatches and trigger criteria."
+    >
+      <NotificationsForm />
+    </SettingsPage>
   );
 }