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

Client/src/Pages/Account/index.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import PropTypes from "prop-types";
 import { useNavigate } from "react-router";
 import { useSelector } from "react-redux";

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"

Client/src/Pages/Maintenance/MaintenanceTable/ActionsMenu/index.jsx

@@ -114,7 +114,7 @@ const ActionsMenu = ({ /* isAdmin, */ maintenanceWindow, 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/Monitors/Home/actionsMenu.jsx

@@ -109,7 +109,7 @@ const ActionsMenu = ({ 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/Monitors/Home/index.jsx

@@ -20,8 +20,6 @@ const Monitors = ({ isAdmin }) => {
 	const authState = useSelector((state) => state.auth);
 	const dispatch = useDispatch({});
 
-	console.log({ monitorState });
-
 	useEffect(() => {
 		dispatch(getUptimeMonitorsByTeamId(authState.authToken));
 	}, [authState.authToken, dispatch]);