first commit

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

@@ -0,0 +1,19 @@
+import {VStack} from '@astryxdesign/core/Layout';
+import {PageHeader} from '@/components/primitives/PageHeader';
+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();
+
+  return (
+    <VStack gap={5}>
+      <PageHeader
+        title="Notifications"
+        description="Choose which events are worth interrupting you for."
+      />
+      <NotificationsForm initialData={notifications} />
+    </VStack>
+  );
+}