fix: resolve client CI build and Prettier formatting errors

client/src/Pages/StatusPage/Status/themes/shared/IncidentModal.tsx

@@ -8,6 +8,7 @@ import { X as XIcon } from "lucide-react";
 import { useTranslation } from "react-i18next";
 import { useGet } from "@/Hooks/UseApi";
 
+
 interface Incident {
 	id: string;
 	message: string | null;
@@ -79,7 +80,7 @@ export const IncidentModal = ({ url, monitorId, date, onClose }: IncidentModalPr
 								</Typography>
 								<Typography
 									variant="body2"
-									color={(theme) => theme.palette.text.secondary}
+									color="text.secondary"
 								>
 									{new Date(incident.startTime).toLocaleTimeString()} -{" "}
 									{incident.endTime

client/src/Pages/StatusPage/Status/themes/shared/ThemedHeatmap.tsx

@@ -20,10 +20,7 @@ export const ThemedHeatmap = ({ cells, containerSx, cellSx, onCellClick }: Props
 
 	return (
 		<Box
-			sx={mergeSx(
-				containerSx,
-				{ gridTemplateColumns: `repeat(${cells.length}, 1fr)` }
-			)}
+			sx={mergeSx(containerSx, { gridTemplateColumns: `repeat(${cells.length}, 1fr)` })}
 			role="img"
 			aria-label={t("pages.statusPages.monitorsList.chart.heatmapAria")}
 		>

client/src/Pages/StatusPage/Status/themes/shared/ThemedHistogram.tsx

@@ -42,10 +42,7 @@ export const ThemedHistogram = ({
 	return (
 		<Stack gap={statsGap}>
 			<Box
-				sx={mergeSx(
-					containerSx,
-					{ gridTemplateColumns: `repeat(${cells.length}, 1fr)` }
-				)}
+				sx={mergeSx(containerSx, { gridTemplateColumns: `repeat(${cells.length}, 1fr)` })}
 			>
 				{cells.map((cell) => {
 					if (cell.barKind === "empty") {

client/src/Utils/mergeSx.ts

@@ -1,6 +1,8 @@
 import type { SxProps, Theme } from "@mui/material/styles";
 
-export const mergeSx = (...styles: Array<SxProps<Theme> | false | null | undefined>): SxProps<Theme> =>
+export const mergeSx = (
+	...styles: Array<SxProps<Theme> | false | null | undefined>
+): SxProps<Theme> =>
 	styles
 		.flatMap((style) => (Array.isArray(style) ? style : [style]))
 		.filter(Boolean) as SxProps<Theme>;