Show siblings on member page

geneit_app/src/routes/family/FamilyMemberRoute.tsx

@@ -128,6 +128,7 @@ export function FamilyMemberRoute(): React.ReactElement {
         <MemberPage
           member={member!}
           children={family.members.children(member!.id)}
+          siblings={family.members.siblings(member!.id)}
           creating={false}
           editing={false}
           onRequestDelete={deleteMember}
@@ -206,6 +207,7 @@ export function MemberPage(p: {
   creating: boolean;
   shouldAllowLeaving?: boolean;
   children?: Member[];
+  siblings?: Member[];
   onCancel?: () => void;
   onSave?: (m: Member) => void;
   onRequestEdit?: () => void;
@@ -628,6 +630,26 @@ export function MemberPage(p: {
             </PropertiesBox>
           </Grid>
         )}
+
+        {/* Siblings */}
+        {p.siblings && (
+          <Grid item sm={12} md={6}>
+            <PropertiesBox title="Frères et sœurs">
+              {p.siblings.length === 0 ? (
+                <>Aucun frère ou sœur</>
+              ) : (
+                p.siblings.map((c) => (
+                  <RouterLink
+                    key={c.id}
+                    to={family.family.URL(`member/${c.id}`)}
+                  >
+                    <MemberItem member={c} />
+                  </RouterLink>
+                ))
+              )}
+            </PropertiesBox>
+          </Grid>
+        )}
       </Grid>
     </div>
   );