Can export data from UI

geneit_app/src/widgets/BaseFamilyRoute.tsx

@@ -141,6 +141,10 @@ export function BaseFamilyRoute(): React.ReactElement {
                   backgroundColor: "background.paper",
                 }}
               >
+                <ListSubheader component="div">
+                  Famille <em>{family?.name}</em>
+                </ListSubheader>
+
                 <FamilyLink icon={<HomeIcon />} label="Accueil" uri="" />
 
                 <FamilyLink

geneit_app/src/widgets/FamilyCard.tsx

@@ -0,0 +1,15 @@
+import { Alert, Card } from "@mui/material";
+import { PropsWithChildren } from "react";
+
+export function FamilyCard(
+  p: PropsWithChildren<{ error?: string; success?: string }>
+): React.ReactElement {
+  return (
+    <Card style={{ margin: "10px auto", maxWidth: "450px" }}>
+      {p.error && <Alert severity="error">{p.error}</Alert>}
+      {p.success && <Alert severity="success">{p.success}</Alert>}
+
+      {p.children}
+    </Card>
+  );
+}