Emphasis missing mother and father

geneit_app/src/routes/family/FamilyMembersListRoute.tsx

@@ -4,7 +4,7 @@ import EditIcon from "@mui/icons-material/Edit";
 import FemaleIcon from "@mui/icons-material/Female";
 import MaleIcon from "@mui/icons-material/Male";
 import VisibilityIcon from "@mui/icons-material/Visibility";
-import { Button, TextField, Tooltip } from "@mui/material";
+import { Button, TextField, Tooltip, Typography } from "@mui/material";
 import { DataGrid, GridActionsCellItem, GridColDef } from "@mui/x-data-grid";
 import React from "react";
 import { useNavigate } from "react-router-dom";
@@ -165,7 +165,8 @@ function MembersTable(p: {
       headerName: "Père",
       flex: 5,
       renderCell(params) {
-        if (!params.row.father) return <></>;
+        if (!params.row.father)
+          return <Typography color="red">Non renseigné</Typography>;
         return family.members.get(params.row.father)!.fullName;
       },
     },
@@ -174,7 +175,8 @@ function MembersTable(p: {
       headerName: "Mère",
       flex: 5,
       renderCell(params) {
-        if (!params.row.mother) return <></>;
+        if (!params.row.mother)
+          return <Typography color="red">Non renseignée</Typography>;
         return family.members.get(params.row.mother)!.fullName;
       },
     },