Show sex on members list

geneit_app/src/routes/family/FamilyMembersListRoute.tsx

@@ -1,6 +1,8 @@
 import AddIcon from "@mui/icons-material/Add";
 import DeleteIcon from "@mui/icons-material/DeleteOutlined";
 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 { DataGrid, GridActionsCellItem, GridColDef } from "@mui/x-data-grid";
@@ -109,6 +111,7 @@ function MembersTable(p: {
         return <MemberPhoto member={params.row} />;
       },
     },
+
     {
       field: "last_name",
       headerName: "Nom",
@@ -119,6 +122,18 @@ function MembersTable(p: {
       headerName: "Prénom",
       flex: 3,
     },
+
+    {
+      field: "sex",
+      headerName: "",
+      disableColumnMenu: true,
+      width: 20,
+      renderCell(params) {
+        if (params.row.sex === "F")
+          return <FemaleIcon fontSize="small" htmlColor="pink" />;
+        else return <MaleIcon fontSize="small" htmlColor="lightBlue" />;
+      },
+    },
     {
       field: "dateOfBirth",
       headerName: "Date de naissance",