website refactor

apps/website/app/profile/settings/page.tsx

@@ -1,21 +1,22 @@
-import Link from 'next/link';
-import { Button } from '@/ui/Button';
-import { Card } from '@/ui/Card';
-import { Container } from '@/ui/Container';
-import { Heading } from '@/ui/Heading';
-import { Text } from '@/ui/Text';
-import { routes } from '@/lib/routing/RouteConfig';
+import { ProfilePageQuery } from '@/lib/page-queries/ProfilePageQuery';
+import { notFound } from 'next/navigation';
+import { updateProfileAction } from '@/app/actions/profileActions';
+import { ProfileSettingsPageClient } from './ProfileSettingsPageClient';
 
 export default async function ProfileSettingsPage() {
+  const query = new ProfilePageQuery();
+  const result = await query.execute();
+
+  if (result.isErr()) {
+    notFound();
+  }
+
+  const viewData = result.unwrap();
+
   return (
-    <Container size="md">
-      <Heading level={1}>Settings</Heading>
-      <Card>
-        <Text block mb={4}>Settings are currently unavailable.</Text>
-        <Link href={routes.protected.profile}>
-          <Button variant="secondary">Back to profile</Button>
-        </Link>
-      </Card>
-    </Container>
+    <ProfileSettingsPageClient
+      viewData={viewData}
+      onSave={updateProfileAction}
+    />
   );
 }