feat: fix incident table

Client/src/Components/ProgressBars/index.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTheme } from "@emotion/react";
 import PropTypes from "prop-types";
 import { Box, IconButton, LinearProgress, Stack, Typography } from "@mui/material";

Client/src/Components/TabPanels/Account/TeamPanel.jsx

@@ -194,8 +194,7 @@ const TeamPanel = () => {
 				},
 				"& .MuiTable-root .MuiTableBody-root .MuiTableCell-root, & .MuiTable-root p + p":
 					{
-						/* TODO set color */
-						color: "red" /* theme.palette.text.accent */,
+						color: theme.palette.primary.contrastTextSecondary,
 					},
 			}}
 		>

Client/src/Pages/Incidents/IncidentTable/index.jsx

@@ -167,7 +167,12 @@ const IncidentTable = ({ monitors, selectedMonitor, filter }) => {
 			) : (
 				<>
 					<TableContainer component={Paper}>
-						<Table>
+						<Table
+							sx={{
+								"& :is(th)": { color: theme.palette.primary.contrastText },
+								"& :is(td)": { color: theme.palette.primary.contrastTextSecondary },
+							}}
+						>
 							<TableHead>
 								<TableRow>
 									<TableCell>Monitor Name</TableCell>

Client/src/Pages/Incidents/index.jsx

@@ -96,6 +96,7 @@ const Incidents = () => {
 							items={Object.values(monitors)}
 							sx={{
 								backgroundColor: theme.palette.primary.main,
+								color: theme.palette.primary.contrastTextSecondary,
 							}}
 						/>
 						<ButtonGroup