website refactor

apps/website/components/errors/NotFoundCallToAction.tsx

@@ -2,6 +2,7 @@
 
 import { Button } from '@/ui/Button';
 import { Text } from '@/ui/Text';
+import { Stack } from '@/ui/Stack';
 import React from 'react';
 
 interface NotFoundCallToActionProps {
@@ -17,7 +18,7 @@ interface NotFoundCallToActionProps {
  */
 export function NotFoundCallToAction({ label, onClick }: NotFoundCallToActionProps) {
   return (
-    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '1rem' }}>
+    <Stack alignItems="center" gap={4}>
       <Button 
         variant="primary" 
         size="lg" 
@@ -28,6 +29,6 @@ export function NotFoundCallToAction({ label, onClick }: NotFoundCallToActionPro
       <Text size="xs" variant="low" uppercase>
         Telemetry connection lost
       </Text>
-    </div>
+    </Stack>
   );
 }