website refactor

apps/website/components/errors/NotFoundActions.tsx

@@ -1,8 +1,9 @@
 'use client';
 
 import { Button } from '@/ui/Button';
-import { Stack } from '@/ui/primitives/Stack';
+import { Group } from '@/ui/Group';
 import { Text } from '@/ui/Text';
+import { StatusDot } from '@/ui/StatusDot';
 
 interface NotFoundActionsProps {
   primaryLabel: string;
@@ -17,12 +18,11 @@ interface NotFoundActionsProps {
  */
 export function NotFoundActions({ primaryLabel, onPrimaryClick }: NotFoundActionsProps) {
   return (
-    <Stack direction="row" gap={4} align="center" justify="center">
+    <Group direction="row" gap={4} align="center" justify="center">
       <Button 
         variant="primary" 
         size="lg" 
         onClick={onPrimaryClick}
-        minWidth="200px"
       >
         {primaryLabel}
       </Button>
@@ -32,18 +32,13 @@ export function NotFoundActions({ primaryLabel, onPrimaryClick }: NotFoundAction
         size="lg"
         onClick={() => window.history.back()}
       >
-        <Stack direction="row" gap={2} align="center">
-          <Stack 
-            width={2} 
-            height={2} 
-            rounded="full" 
-            bg="soft-steel" 
-          />
-          <Text size="xs" weight="bold" uppercase letterSpacing="widest" color="text-gray-400">
+        <Group direction="row" gap={2} align="center">
+          <StatusDot intent="telemetry" size="sm" />
+          <Text size="xs" weight="bold" uppercase variant="low">
             Previous Sector
           </Text>
-        </Stack>
+        </Group>
       </Button>
-    </Stack>
+    </Group>
   );
 }