Merge branch 'develop' into 1229-add-a-placeholder-if-there-are-no-infrastructure-monitors

Client/src/Pages/Infrastructure/components/Menu/index.jsx

@@ -103,7 +103,7 @@ const InfrastructureMenu = ({ monitor, isAdmin, updateCallback }) => {
 							"& ul": { p: theme.spacing(2.5) },
 							"& li": { m: 0 },
 							"& li:last-of-type": {
-								color: theme.palette.error.contrastText,
+								color: theme.palette.error.main,
 							},
 						},
 					},

Client/src/Pages/Infrastructure/index.jsx

@@ -190,10 +190,7 @@ function Infrastructure() {
 			{isActuallyLoading ? (
 				<SkeletonLayout />
 			) : monitorState.monitors?.length !== 0 ? (
-				<Stack
-					component="main"
-					style={{ width: "100%", gap: "1rem" }}
-				>
+				<Stack gap={theme.spacing(8)}>
 					<Breadcrumbs list={BREADCRUMBS} />
 					<Stack
 						direction="row"