website refactor

apps/website/components/errors/ErrorRecoveryActions.tsx

@@ -1,9 +1,7 @@
 'use client';
 
-import { Button } from '@/ui/Button';
-import { Icon } from '@/ui/Icon';
-import { Stack } from '@/ui/primitives/Stack';
-import { Home, RefreshCw } from 'lucide-react';
+import { ErrorActionButtons } from '@/ui/ErrorActionButtons';
+import React from 'react';
 
 interface ErrorRecoveryActionsProps {
   onRetry: () => void;
@@ -18,30 +16,9 @@ interface ErrorRecoveryActionsProps {
  */
 export function ErrorRecoveryActions({ onRetry, onHome }: ErrorRecoveryActionsProps) {
   return (
-    <Stack 
-      direction="row"
-      wrap
-      align="center" 
-      justify="center" 
-      gap={3} 
-      fullWidth
-    >
-      <Button 
-        variant="primary" 
-        onClick={onRetry}
-        icon={<Icon icon={RefreshCw} size={4} />}
-        width="160px"
-      >
-        Retry Session
-      </Button>
-      <Button 
-        variant="secondary" 
-        onClick={onHome}
-        icon={<Icon icon={Home} size={4} />}
-        width="160px"
-      >
-        Return to Pits
-      </Button>
-    </Stack>
+    <ErrorActionButtons
+      onRetry={onRetry}
+      onGoHome={onHome}
+    />
   );
 }