make the table small and change the navbar color

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

ui/react-app/src/components/navbar.tsx

@@ -7,7 +7,7 @@ export default function Navbar(): JSX.Element {
     <AppBar position={'fixed'} elevation={1}>
       <Toolbar
         sx={{
-          backgroundColor: 'lightgrey',
+          backgroundColor: 'aliceblue',
         }}
       >
         <Box sx={{ display: 'flex', flexDirection: 'row' }} flexGrow={1}>

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

@@ -50,12 +50,12 @@ export default function ViewStatus() {
     <Container maxWidth="md">
       <Typography variant="h4">Status</Typography>
       <TableContainer>
-        <Table sx={tableStyle}>
+        <Table size="small" sx={tableStyle}>
           <CustomTableCell header="Uptime" content={data.uptime} />
         </Table>
       </TableContainer>
       <Typography variant="h4">Cluster Status</Typography>
-      <Table sx={tableStyle}>
+      <Table size="small" sx={tableStyle}>
         <CustomTableCell header="Name" content={data.cluster.name} />
         <TableRow>
           <TableCell variant="head" sx={tableHeaderStyle}>
@@ -68,7 +68,7 @@ export default function ViewStatus() {
       </Table>
       <Typography variant="h4">Version Information</Typography>
       <TableContainer>
-        <Table sx={tableStyle}>
+        <Table size="small" sx={tableStyle}>
           <CustomTableCell header="Branch" content={data.versionInfo.branch} />
           <CustomTableCell header="Build Date" content={data.versionInfo.buildDate} />
           <CustomTableCell header="Build User" content={data.versionInfo.buildUser} />