website refactor

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

@@ -3,6 +3,7 @@ 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';
 
 export default async function ProfileSettingsPage() {
@@ -10,7 +11,7 @@ export default async function ProfileSettingsPage() {
     <Container size="md">
       <Heading level={1}>Settings</Heading>
       <Card>
-        <p>Settings are currently unavailable.</p>
+        <Text block mb={4}>Settings are currently unavailable.</Text>
         <Link href={routes.protected.profile}>
           <Button variant="secondary">Back to profile</Button>
         </Link>