add display of peers

Signed-off-by: Augustin Husson <augustin.husson@amadeus.com>

ui/react-app/src/views/ViewStatus.tsx

@@ -1,6 +1,8 @@
 import {
   Chip,
   Container,
+  List,
+  ListItem,
   SxProps,
   Table,
   TableCell,
@@ -65,6 +67,26 @@ export default function ViewStatus() {
             <Chip color={data.cluster.status === 'ready' ? 'success' : 'error'} label={data.cluster.status} />
           </TableCell>
         </TableRow>
+        <TableRow>
+          <TableCell variant="head" sx={tableHeaderStyle}>
+            Peers
+          </TableCell>
+          <TableCell>
+            <List>
+              {data.cluster.peers.map((peer, i) => {
+                return (
+                  <ListItem disablePadding sx={{ display: 'list-item' }} key={i}>
+                    <p>
+                      Name: {peer.name}
+                      <br />
+                      Address: {peer.address}
+                    </p>
+                  </ListItem>
+                );
+              })}
+            </List>
+          </TableCell>
+        </TableRow>
       </Table>
       <Typography variant="h4">Version Information</Typography>
       <TableContainer>