fix(web): add retry and navigation buttons to error state

Add action buttons to ErrorState component so users can easily recover
from errors without needing to manually navigate. Includes:
- Retry button that reloads the page or calls optional onRetry callback
- Go Home button to navigate back to the main page
- Improved accessibility with role="alert" and aria-live="assertive"

Author: Mearman

apps/web/src/components/entity-detail/ErrorState.tsx

@@ -1,5 +1,6 @@
-import { Alert, Code, Container, Flex,Group, Paper, Stack, Text, Title } from "@mantine/core";
-import { IconAlertCircle } from "@tabler/icons-react";
+import { Alert, Button, Code, Container, Flex, Group, Paper, Stack, Text, Title } from "@mantine/core";
+import { IconAlertCircle, IconArrowLeft, IconRefresh } from "@tabler/icons-react";
+import { useNavigate } from "@tanstack/react-router";
 import React from "react";
 
 import { BORDER_STYLE_GRAY_3, ICON_SIZE } from "@/config/style-constants";
@@ -8,9 +9,27 @@ interface ErrorStateProps {
   entityType: string;
   entityId: string;
   error: unknown;
+  onRetry?: () => void;
 }
 
-export const ErrorState = ({ entityType, entityId, error }: ErrorStateProps) => <Container size="md" p="xl" data-testid="error-state">
+export const ErrorState = ({ entityType, entityId, error, onRetry }: ErrorStateProps) => {
+  const navigate = useNavigate();
+
+  const handleRetry = () => {
+    if (onRetry) {
+      onRetry();
+    } else {
+      // Fallback: reload the current page
+      window.location.reload();
+    }
+  };
+
+  const handleGoBack = () => {
+    navigate({ to: "/" });
+  };
+
+  return (
+    <Container size="md" p="xl" data-testid="error-state" role="alert" aria-live="assertive">
       <Flex h="100vh" justify="center" align="center">
         <Paper p="xl" radius="xl" style={{ border: BORDER_STYLE_GRAY_3 }} w="100%" maw="48rem">
           <Stack gap="lg">
@@ -41,8 +60,30 @@ export const ErrorState = ({ entityType, entityId, error }: ErrorStateProps) =>
                   {String(error)}
                 </Code>
               </Alert>
+
+              {/* Action buttons for user recovery */}
+              <Group justify="center" gap="md" mt="md">
+                <Button
+                  variant="outline"
+                  color="gray"
+                  leftSection={<IconArrowLeft size={16} />}
+                  onClick={handleGoBack}
+                >
+                  Go Home
+                </Button>
+                <Button
+                  variant="filled"
+                  color="blue"
+                  leftSection={<IconRefresh size={16} />}
+                  onClick={handleRetry}
+                >
+                  Retry
+                </Button>
+              </Group>
             </Stack>
           </Stack>
         </Paper>
       </Flex>
-    </Container>;
+    </Container>
+  );
+};