From 7140d436a54c1bfbda12477d9a6ea0ab91c393d5 Mon Sep 17 00:00:00 2001
From: gorkem-bwl <gorkem.cetin@bluewavelabs.ca>
Date: Thu, 15 Jan 2026 23:39:26 -0500
Subject: [PATCH] style: apply Prettier formatting

---
 .../src/Components/v1/ActionsMenu/index.jsx   |  5 ++-
 client/src/Components/v1/Alert/index.jsx      | 26 +++++++++++++---
 client/src/Components/v1/Check/Check.jsx      | 10 ++++--
 client/src/Components/v1/Common/AppBar.jsx    | 12 +++++--
 .../v1/Inputs/ImageUpload/index.jsx           | 12 +++++--
 .../src/Components/v1/Inputs/Radio/index.jsx  |  7 ++++-
 .../src/Components/v1/Inputs/Select/index.jsx |  8 ++++-
 .../v1/Inputs/TextInput/Adornments/index.jsx  | 10 ++++--
 .../Components/v1/MonitorActions/index.jsx    |  5 ++-
 .../v1/MonitorDetailsControlHeader/index.jsx  | 26 ++++++++++++++--
 .../src/Components/v1/ProgressBars/index.jsx  | 10 ++++--
 .../Components/v1/ProgressStepper/index.jsx   | 12 +++++--
 .../Components/v1/ShareComponent/index.jsx    |  8 ++++-
 client/src/Components/v1/StarPrompt/index.jsx |  5 ++-
 .../v1/Table/TablePagination/index.jsx        |  7 ++++-
 client/src/Components/v1/Toast/index.jsx      | 31 ++++++++++++++++---
 .../components/AddMemberMenu/index.jsx        |  8 ++++-
 .../Components/StatusBoxes/StatusBox.jsx      | 20 +++++++++---
 .../Components/ActiveIncidentsPanel/index.jsx | 10 ++++--
 .../LatestIncidentsPanel/IncidentItem.jsx     | 10 ++++--
 .../Components/StatisticsPanel/index.jsx      | 20 +++++++++---
 .../Components/MonitorActionButtons.jsx       | 10 ++++--
 .../Monitors/Components/Filters/index.jsx     |  7 ++++-
 .../Components/MonitorsTable/index.jsx        |  5 ++-
 .../Components/MonitorsTableMenu/index.jsx    |  5 ++-
 .../Components/MonitorList/index.jsx          |  4 ++-
 .../Maintenance/CreateMaintenance/index.jsx   |  9 +++++-
 .../MaintenanceTable/ActionsMenu/index.jsx    |  5 ++-
 .../Maintenance/MaintenanceTable/index.jsx    | 20 +++++++++---
 .../Notifications/components/ActionMenu.jsx   |  5 ++-
 client/src/Pages/PageSpeed/Create/index.jsx   | 10 ++++--
 .../Components/Charts/AreaChartLegend.jsx     |  7 ++++-
 .../Components/Charts/PieChartLegend.jsx      |  7 ++++-
 .../Components/PageSpeedAreaChart/index.jsx   |  7 ++++-
 .../Components/PerformanceReport/index.jsx    |  7 ++++-
 .../Monitors/Components/Card/index.jsx        |  5 ++-
 .../Create/Components/MonitorList/index.jsx   |  9 ++++--
 .../Create/Components/Progress/index.jsx      |  7 ++++-
 .../Components/ControlsHeader/index.jsx       | 12 +++++--
 .../Status/Components/StatusBar/index.jsx     | 12 +++++--
 .../Components/StatusPagesTable/index.jsx     |  7 ++++-
 client/src/Pages/Uptime/Create/index.jsx      | 12 ++++++-
 .../Details/Components/ChartBoxes/index.jsx   | 21 +++++++++++--
 .../Components/Charts/ResponseTimeChart.jsx   |  7 ++++-
 .../Components/ResponseTable/index.jsx        |  7 ++++-
 .../Monitors/Components/Filter/index.jsx      |  7 ++++-
 .../Components/StatusBoxes/statusBox.jsx      | 15 +++++++--
 .../Components/UptimeDataTable/index.jsx      | 20 +++++++++---
 48 files changed, 425 insertions(+), 86 deletions(-)

diff --git a/client/src/Components/v1/ActionsMenu/index.jsx b/client/src/Components/v1/ActionsMenu/index.jsx
index 8fcc77f5d..b469e6764 100644
--- a/client/src/Components/v1/ActionsMenu/index.jsx
+++ b/client/src/Components/v1/ActionsMenu/index.jsx
@@ -84,7 +84,10 @@ const ActionsMenu = ({
 					},
 				}}
 			>
-				<Icon name="Settings" size={20} />
+				<Icon
+					name="Settings"
+					size={20}
+				/>
 			</IconButton>
 
 			<Menu
diff --git a/client/src/Components/v1/Alert/index.jsx b/client/src/Components/v1/Alert/index.jsx
index 5df23fa29..89416f5b1 100644
--- a/client/src/Components/v1/Alert/index.jsx
+++ b/client/src/Components/v1/Alert/index.jsx
@@ -10,9 +10,24 @@ import "./index.css";
  */
 
 const icons = {
-	info: <Icon name="Info" size={24} />,
-	error: <Icon name="AlertTriangle" size={24} />,
-	warning: <Icon name="AlertTriangle" size={24} />,
+	info: (
+		<Icon
+			name="Info"
+			size={24}
+		/>
+	),
+	error: (
+		<Icon
+			name="AlertTriangle"
+			size={24}
+		/>
+	),
+	warning: (
+		<Icon
+			name="AlertTriangle"
+			size={24}
+		/>
+	),
 };
 
 /**
@@ -94,7 +109,10 @@ const Alert = ({ variant, title, body, isToast, hasIcon = true, onClick }) => {
 						},
 					}}
 				>
-					<Icon name="X" size={20} />
+					<Icon
+						name="X"
+						size={20}
+					/>
 				</IconButton>
 			)}
 		</Stack>
diff --git a/client/src/Components/v1/Check/Check.jsx b/client/src/Components/v1/Check/Check.jsx
index 5e25569be..01a41879e 100644
--- a/client/src/Components/v1/Check/Check.jsx
+++ b/client/src/Components/v1/Check/Check.jsx
@@ -34,7 +34,10 @@ const Check = ({ text, noHighlightText, variant = "info", outlined = false }) =>
 			alignItems="center"
 		>
 			{outlined ? (
-				<Icon name="CheckCircle" size={20} />
+				<Icon
+					name="CheckCircle"
+					size={20}
+				/>
 			) : (
 				<Box
 					lineHeight={0}
@@ -42,7 +45,10 @@ const Check = ({ text, noHighlightText, variant = "info", outlined = false }) =>
 						"& svg > path": { fill: colors[variant] },
 					}}
 				>
-					<Icon name="Check" size={16} />
+					<Icon
+						name="Check"
+						size={16}
+					/>
 				</Box>
 			)}
 			<Typography
diff --git a/client/src/Components/v1/Common/AppBar.jsx b/client/src/Components/v1/Common/AppBar.jsx
index 9ae666505..5cd3db5c1 100644
--- a/client/src/Components/v1/Common/AppBar.jsx
+++ b/client/src/Components/v1/Common/AppBar.jsx
@@ -152,7 +152,11 @@ const AppAppBar = () => {
 							aria-label="Menu button"
 							onClick={toggleDrawer(true)}
 						>
-							<Icon name="Menu" size={24} color={theme.palette.text.primary} />
+							<Icon
+								name="Menu"
+								size={24}
+								color={theme.palette.text.primary}
+							/>
 						</IconButton>
 						<Drawer
 							anchor="top"
@@ -175,7 +179,11 @@ const AppAppBar = () => {
 									}}
 								>
 									<IconButton onClick={toggleDrawer(false)}>
-										<Icon name="X" size={24} color={theme.palette.text.primary} />
+										<Icon
+											name="X"
+											size={24}
+											color={theme.palette.text.primary}
+										/>
 									</IconButton>
 								</Box>
 
diff --git a/client/src/Components/v1/Inputs/ImageUpload/index.jsx b/client/src/Components/v1/Inputs/ImageUpload/index.jsx
index 5b2be991a..d224418e0 100644
--- a/client/src/Components/v1/Inputs/ImageUpload/index.jsx
+++ b/client/src/Components/v1/Inputs/ImageUpload/index.jsx
@@ -175,7 +175,10 @@ const ImageUpload = ({
 									boxShadow: theme.shape.boxShadow,
 								}}
 							>
-								<Icon name="Upload" size={24} />
+								<Icon
+									name="Upload"
+									size={24}
+								/>
 							</IconButton>
 							<Typography
 								component="h2"
@@ -202,7 +205,12 @@ const ImageUpload = ({
 					</Box>
 					{(localError || progress.isLoading || progress.value !== 0) && (
 						<ProgressUpload
-							icon={<Icon name="Image" size={20} />}
+							icon={
+								<Icon
+									name="Image"
+									size={20}
+								/>
+							}
 							label={file?.name || "Upload failed"}
 							size={file?.size}
 							progress={progress.value}
diff --git a/client/src/Components/v1/Inputs/Radio/index.jsx b/client/src/Components/v1/Inputs/Radio/index.jsx
index 79a9e64f3..b6bd4e69c 100644
--- a/client/src/Components/v1/Inputs/Radio/index.jsx
+++ b/client/src/Components/v1/Inputs/Radio/index.jsx
@@ -47,7 +47,12 @@ const Radio = ({
 				<MUIRadio
 					id={id}
 					size={size}
-					checkedIcon={<Icon name="CircleDot" size={16} />}
+					checkedIcon={
+						<Icon
+							name="CircleDot"
+							size={16}
+						/>
+					}
 					sx={{
 						color: "transparent",
 						width: 16,
diff --git a/client/src/Components/v1/Inputs/Select/index.jsx b/client/src/Components/v1/Inputs/Select/index.jsx
index b292d6896..0f96a2ff6 100644
--- a/client/src/Components/v1/Inputs/Select/index.jsx
+++ b/client/src/Components/v1/Inputs/Select/index.jsx
@@ -98,7 +98,13 @@ const Select = ({
 				error={error}
 				name={name}
 				inputProps={{ id: id }}
-				IconComponent={(props) => <Icon name="ChevronDown" size={20} {...props} />}
+				IconComponent={(props) => (
+					<Icon
+						name="ChevronDown"
+						size={20}
+						{...props}
+					/>
+				)}
 				MenuProps={{ disableScrollLock: true }}
 				sx={{
 					fontSize: 13,
diff --git a/client/src/Components/v1/Inputs/TextInput/Adornments/index.jsx b/client/src/Components/v1/Inputs/TextInput/Adornments/index.jsx
index 8df4ee3b1..078684405 100644
--- a/client/src/Components/v1/Inputs/TextInput/Adornments/index.jsx
+++ b/client/src/Components/v1/Inputs/TextInput/Adornments/index.jsx
@@ -54,9 +54,15 @@ export const PasswordEndAdornment = ({ fieldType, setFieldType }) => {
 				}}
 			>
 				{fieldType === "password" ? (
-					<Icon name="EyeOff" size={20} />
+					<Icon
+						name="EyeOff"
+						size={20}
+					/>
 				) : (
-					<Icon name="Eye" size={20} />
+					<Icon
+						name="Eye"
+						size={20}
+					/>
 				)}
 			</IconButton>
 		</InputAdornment>
diff --git a/client/src/Components/v1/MonitorActions/index.jsx b/client/src/Components/v1/MonitorActions/index.jsx
index d5bab53ba..f63fc23fe 100644
--- a/client/src/Components/v1/MonitorActions/index.jsx
+++ b/client/src/Components/v1/MonitorActions/index.jsx
@@ -70,7 +70,10 @@ const MonitorActions = ({ isLoading }) => {
 					aria-haspopup="menu"
 					onClick={handleToggle}
 				>
-					<Icon name="ChevronDown" size={20} />
+					<Icon
+						name="ChevronDown"
+						size={20}
+					/>
 				</Button>
 			</ButtonGroup>
 			<Popper
diff --git a/client/src/Components/v1/MonitorDetailsControlHeader/index.jsx b/client/src/Components/v1/MonitorDetailsControlHeader/index.jsx
index c5ef01be5..c5b62280f 100644
--- a/client/src/Components/v1/MonitorDetailsControlHeader/index.jsx
+++ b/client/src/Components/v1/MonitorDetailsControlHeader/index.jsx
@@ -72,7 +72,12 @@ const MonitorDetailsControlHeader = ({
 							variant="contained"
 							color="secondary"
 							loading={isSending}
-							startIcon={<Icon name="Mail" size={18} />}
+							startIcon={
+								<Icon
+									name="Mail"
+									size={18}
+								/>
+							}
 							disabled={isTestNotificationsDisabled}
 							onClick={() => {
 								testAllNotifications({ monitorId: monitor?.id });
@@ -100,7 +105,17 @@ const MonitorDetailsControlHeader = ({
 						color="secondary"
 						loading={isPausing}
 						startIcon={
-							monitor?.isActive ? <Icon name="Pause" size={18} /> : <Icon name="Play" size={18} />
+							monitor?.isActive ? (
+								<Icon
+									name="Pause"
+									size={18}
+								/>
+							) : (
+								<Icon
+									name="Play"
+									size={18}
+								/>
+							)
 						}
 						onClick={() => {
 							pauseMonitor({
@@ -116,7 +131,12 @@ const MonitorDetailsControlHeader = ({
 					<Button
 						variant="contained"
 						color="secondary"
-						startIcon={<Icon name="Settings" size={18} />}
+						startIcon={
+							<Icon
+								name="Settings"
+								size={18}
+							/>
+						}
 						onClick={() => navigate(`/${path}/configure/${monitor.id}`)}
 					>
 						Configure
diff --git a/client/src/Components/v1/ProgressBars/index.jsx b/client/src/Components/v1/ProgressBars/index.jsx
index 64f9c3970..86cedcbaa 100644
--- a/client/src/Components/v1/ProgressBars/index.jsx
+++ b/client/src/Components/v1/ProgressBars/index.jsx
@@ -50,7 +50,10 @@ const ProgressUpload = ({ icon, label, size, progress = 0, onClick, error }) =>
 				alignItems={error ? "center" : "flex-start"}
 			>
 				{error ? (
-					<Icon name="AlertTriangle" size={20} />
+					<Icon
+						name="AlertTriangle"
+						size={20}
+					/>
 				) : icon ? (
 					<Box
 						sx={{
@@ -126,7 +129,10 @@ const ProgressUpload = ({ icon, label, size, progress = 0, onClick, error }) =>
 								}
 					}
 				>
-					<Icon name="X" size={20} />
+					<Icon
+						name="X"
+						size={20}
+					/>
 				</IconButton>
 			</Stack>
 			{!error ? (
diff --git a/client/src/Components/v1/ProgressStepper/index.jsx b/client/src/Components/v1/ProgressStepper/index.jsx
index b2d521514..9fb0d15dc 100644
--- a/client/src/Components/v1/ProgressStepper/index.jsx
+++ b/client/src/Components/v1/ProgressStepper/index.jsx
@@ -6,9 +6,17 @@ import PropTypes from "prop-types";
 const CustomStepIcon = (props) => {
 	const { completed, active } = props;
 	return completed ? (
-		<Icon name="CheckCircle2" size={24} color="accent.main" />
+		<Icon
+			name="CheckCircle2"
+			size={24}
+			color="accent.main"
+		/>
 	) : (
-		<Icon name="Circle" size={24} color={active ? "accent.main" : "text.disabled"} />
+		<Icon
+			name="Circle"
+			size={24}
+			color={active ? "accent.main" : "text.disabled"}
+		/>
 	);
 };
 
diff --git a/client/src/Components/v1/ShareComponent/index.jsx b/client/src/Components/v1/ShareComponent/index.jsx
index dcf70eef0..476b3672f 100644
--- a/client/src/Components/v1/ShareComponent/index.jsx
+++ b/client/src/Components/v1/ShareComponent/index.jsx
@@ -55,7 +55,13 @@ const ShareComponent = ({ elementToCapture, fileName = "screenshot" }) => {
 	return (
 		<Button
 			variant="outlined"
-			startIcon={<Icon name="Share2" size={18} color="success.main" />}
+			startIcon={
+				<Icon
+					name="Share2"
+					size={18}
+					color="success.main"
+				/>
+			}
 			color="success"
 			onClick={captureAndShare}
 		>
diff --git a/client/src/Components/v1/StarPrompt/index.jsx b/client/src/Components/v1/StarPrompt/index.jsx
index 49e19dc41..f1dd5e136 100644
--- a/client/src/Components/v1/StarPrompt/index.jsx
+++ b/client/src/Components/v1/StarPrompt/index.jsx
@@ -67,7 +67,10 @@ const StarPrompt = ({ repoUrl = "https://github.com/bluewave-labs/checkmate" })
 						},
 					}}
 				>
-					<Icon name="X" size={20} />
+					<Icon
+						name="X"
+						size={20}
+					/>
 				</IconButton>
 			</Stack>
 
diff --git a/client/src/Components/v1/Table/TablePagination/index.jsx b/client/src/Components/v1/Table/TablePagination/index.jsx
index eed16d659..77ee5ded1 100644
--- a/client/src/Components/v1/Table/TablePagination/index.jsx
+++ b/client/src/Components/v1/Table/TablePagination/index.jsx
@@ -100,7 +100,12 @@ function Pagination({
 							},
 						},
 						inputProps: { id: "pagination-dropdown" },
-						IconComponent: () => <Icon name="ChevronsUpDown" size={16} />,
+						IconComponent: () => (
+							<Icon
+								name="ChevronsUpDown"
+								size={16}
+							/>
+						),
 						sx: {
 							ml: theme.spacing(4),
 							mr: theme.spacing(12),
diff --git a/client/src/Components/v1/Toast/index.jsx b/client/src/Components/v1/Toast/index.jsx
index 5f8776b16..4250bc571 100644
--- a/client/src/Components/v1/Toast/index.jsx
+++ b/client/src/Components/v1/Toast/index.jsx
@@ -10,9 +10,24 @@ import { useTheme } from "@emotion/react";
 import PropTypes from "prop-types";
 
 const icons = {
-	info: <Icon name="Info" size={24} />,
-	error: <Icon name="AlertTriangle" size={24} />,
-	warning: <Icon name="AlertTriangle" size={24} />,
+	info: (
+		<Icon
+			name="Info"
+			size={24}
+		/>
+	),
+	error: (
+		<Icon
+			name="AlertTriangle"
+			size={24}
+		/>
+	),
+	warning: (
+		<Icon
+			name="AlertTriangle"
+			size={24}
+		/>
+	),
 };
 
 const Toast = ({ variant, title, body, onClick, hasDismiss, hasIcon }) => {
@@ -47,7 +62,10 @@ const Toast = ({ variant, title, body, onClick, hasDismiss, hasIcon }) => {
 				)}
 				{title && (
 					<IconButton onClick={onClick}>
-						<Icon name="X" size={20} />
+						<Icon
+							name="X"
+							size={20}
+						/>
 					</IconButton>
 				)}
 			</Stack>
@@ -60,7 +78,10 @@ const Toast = ({ variant, title, body, onClick, hasDismiss, hasIcon }) => {
 				<ToastBody body={body} />
 				{!title && (
 					<IconButton onClick={onClick}>
-						<Icon name="X" size={20} />
+						<Icon
+							name="X"
+							size={20}
+						/>
 					</IconButton>
 				)}
 			</Stack>
diff --git a/client/src/Pages/Account/components/AddMemberMenu/index.jsx b/client/src/Pages/Account/components/AddMemberMenu/index.jsx
index 8f2db2f07..96bea3522 100644
--- a/client/src/Pages/Account/components/AddMemberMenu/index.jsx
+++ b/client/src/Pages/Account/components/AddMemberMenu/index.jsx
@@ -24,7 +24,13 @@ const AddMemberMenu = ({ handleInviteOpen, handleIsRegisterOpen }) => {
 			<Button
 				variant="contained"
 				color="accent"
-				endIcon={<Icon name="ChevronDown" size={20} color="secondary.light" />}
+				endIcon={
+					<Icon
+						name="ChevronDown"
+						size={20}
+						color="secondary.light"
+					/>
+				}
 				onClick={handleClick}
 			>
 				{t("teamPanel.addTeamMember.addMemberMenu")}
diff --git a/client/src/Pages/Incidents/Components/StatusBoxes/StatusBox.jsx b/client/src/Pages/Incidents/Components/StatusBoxes/StatusBox.jsx
index ac7dfc25c..d7f02ada3 100644
--- a/client/src/Pages/Incidents/Components/StatusBoxes/StatusBox.jsx
+++ b/client/src/Pages/Incidents/Components/StatusBoxes/StatusBox.jsx
@@ -23,28 +23,40 @@ const StatusBox = ({ title, value, status }) => {
 		color = theme.palette.success.lowContrast;
 		icon = (
 			<Box sx={{ ...sharedStyles, top: theme.spacing(6), right: theme.spacing(6) }}>
-				<Icon name="CheckCircle" size={20} />
+				<Icon
+					name="CheckCircle"
+					size={20}
+				/>
 			</Box>
 		);
 	} else if (status === "down") {
 		color = theme.palette.error.lowContrast;
 		icon = (
 			<Box sx={{ ...sharedStyles, top: theme.spacing(6), right: theme.spacing(6) }}>
-				<Icon name="X" size={20} />
+				<Icon
+					name="X"
+					size={20}
+				/>
 			</Box>
 		);
 	} else if (status === "paused") {
 		color = theme.palette.warning.lowContrast;
 		icon = (
 			<Box sx={{ ...sharedStyles, top: theme.spacing(6), right: theme.spacing(6) }}>
-				<Icon name="AlertTriangle" size={20} />
+				<Icon
+					name="AlertTriangle"
+					size={20}
+				/>
 			</Box>
 		);
 	} else {
 		color = theme.palette.accent.main;
 		icon = (
 			<Box sx={{ ...sharedStyles, top: theme.spacing(6), right: theme.spacing(6) }}>
-				<Icon name="Bell" size={20} />
+				<Icon
+					name="Bell"
+					size={20}
+				/>
 			</Box>
 		);
 	}
diff --git a/client/src/Pages/Incidents2/Components/ActiveIncidentsPanel/index.jsx b/client/src/Pages/Incidents2/Components/ActiveIncidentsPanel/index.jsx
index f7739797e..e98c2a143 100644
--- a/client/src/Pages/Incidents2/Components/ActiveIncidentsPanel/index.jsx
+++ b/client/src/Pages/Incidents2/Components/ActiveIncidentsPanel/index.jsx
@@ -63,7 +63,10 @@ const ActiveIncidentsPanel = ({ totalCount = 0, isLoading = false, error = null
 							mb: theme.spacing(2),
 						}}
 					>
-						<Icon name="CheckCircle" size={60} />
+						<Icon
+							name="CheckCircle"
+							size={60}
+						/>
 					</Box>
 
 					<Typography
@@ -104,7 +107,10 @@ const ActiveIncidentsPanel = ({ totalCount = 0, isLoading = false, error = null
 						},
 					}}
 				>
-					<Icon name="AlertTriangle" size={60} />
+					<Icon
+						name="AlertTriangle"
+						size={60}
+					/>
 				</Box>
 
 				<Typography
diff --git a/client/src/Pages/Incidents2/Components/LatestIncidentsPanel/IncidentItem.jsx b/client/src/Pages/Incidents2/Components/LatestIncidentsPanel/IncidentItem.jsx
index 48b0a5c00..0f9b87c85 100644
--- a/client/src/Pages/Incidents2/Components/LatestIncidentsPanel/IncidentItem.jsx
+++ b/client/src/Pages/Incidents2/Components/LatestIncidentsPanel/IncidentItem.jsx
@@ -68,7 +68,10 @@ const IncidentItem = ({ incident }) => {
 							...iconWrapperStyle,
 						}}
 					>
-						<Icon name="Globe" size={20} />
+						<Icon
+							name="Globe"
+							size={20}
+						/>
 					</Box>
 
 					<Stack
@@ -100,7 +103,10 @@ const IncidentItem = ({ incident }) => {
 						gap={theme.spacing(3)}
 					>
 						<Box sx={{ ...iconWrapperStyle }}>
-							<Icon name="Wifi" size={20} />
+							<Icon
+								name="Wifi"
+								size={20}
+							/>
 						</Box>
 						<Stack
 							direction="row"
diff --git a/client/src/Pages/Incidents2/Components/StatisticsPanel/index.jsx b/client/src/Pages/Incidents2/Components/StatisticsPanel/index.jsx
index 7e25d01bd..4aeffb80f 100644
--- a/client/src/Pages/Incidents2/Components/StatisticsPanel/index.jsx
+++ b/client/src/Pages/Incidents2/Components/StatisticsPanel/index.jsx
@@ -86,7 +86,10 @@ const StatisticsPanel = ({ isLoading = false, error = null, summary = {} }) => {
 							...iconWrapperStyle,
 						}}
 					>
-						<Icon name="Bell" size={20} />
+						<Icon
+							name="Bell"
+							size={20}
+						/>
 					</Box>
 					<Box>
 						<Typography
@@ -107,7 +110,10 @@ const StatisticsPanel = ({ isLoading = false, error = null, summary = {} }) => {
 					gap={theme.spacing(2)}
 				>
 					<Box sx={iconWrapperStyle}>
-						<Icon name="AlertTriangle" size={20} />
+						<Icon
+							name="AlertTriangle"
+							size={20}
+						/>
 					</Box>
 					<Box>
 						<Typography
@@ -129,7 +135,10 @@ const StatisticsPanel = ({ isLoading = false, error = null, summary = {} }) => {
 					gap={theme.spacing(2)}
 				>
 					<Box sx={iconWrapperStyle}>
-						<Icon name="Wrench" size={20} />
+						<Icon
+							name="Wrench"
+							size={20}
+						/>
 					</Box>
 					<Box>
 						<Typography
@@ -153,7 +162,10 @@ const StatisticsPanel = ({ isLoading = false, error = null, summary = {} }) => {
 						mb={theme.spacing(1.5)}
 					>
 						<Box sx={iconWrapperStyle}>
-							<Icon name="RefreshCw" size={20} />
+							<Icon
+								name="RefreshCw"
+								size={20}
+							/>
 						</Box>
 
 						<Box>
diff --git a/client/src/Pages/Infrastructure/Create/Components/MonitorActionButtons.jsx b/client/src/Pages/Infrastructure/Create/Components/MonitorActionButtons.jsx
index fef7e0add..2bde5f321 100644
--- a/client/src/Pages/Infrastructure/Create/Components/MonitorActionButtons.jsx
+++ b/client/src/Pages/Infrastructure/Create/Components/MonitorActionButtons.jsx
@@ -35,12 +35,18 @@ const MonitorActionButtons = ({ monitor, isBusy, handlePause, handleRemove }) =>
 			>
 				{monitor?.isActive ? (
 					<>
-						<Icon name="PauseCircle" size={20} />
+						<Icon
+							name="PauseCircle"
+							size={20}
+						/>
 						{t("pause")}
 					</>
 				) : (
 					<>
-						<Icon name="PlayCircle" size={20} />
+						<Icon
+							name="PlayCircle"
+							size={20}
+						/>
 						{t("resume")}
 					</>
 				)}
diff --git a/client/src/Pages/Infrastructure/Monitors/Components/Filters/index.jsx b/client/src/Pages/Infrastructure/Monitors/Components/Filters/index.jsx
index da8ca73a6..01e56c68a 100644
--- a/client/src/Pages/Infrastructure/Monitors/Components/Filters/index.jsx
+++ b/client/src/Pages/Infrastructure/Monitors/Components/Filters/index.jsx
@@ -68,7 +68,12 @@ const Filter = ({
 				color={theme.palette.primary.contrastText}
 				onClick={handleReset}
 				variant="contained"
-				endIcon={<Icon name="X" size={18} />}
+				endIcon={
+					<Icon
+						name="X"
+						size={18}
+					/>
+				}
 				sx={{
 					visibility: isFilterActive ? "visible" : "hidden",
 				}}
diff --git a/client/src/Pages/Infrastructure/Monitors/Components/MonitorsTable/index.jsx b/client/src/Pages/Infrastructure/Monitors/Components/MonitorsTable/index.jsx
index 186c8ab44..292eb9714 100644
--- a/client/src/Pages/Infrastructure/Monitors/Components/MonitorsTable/index.jsx
+++ b/client/src/Pages/Infrastructure/Monitors/Components/MonitorsTable/index.jsx
@@ -67,7 +67,10 @@ const MonitorsTable = ({
 					alignItems={"center"}
 					gap=".25rem"
 				>
-					<Icon name="Cpu" size={20} />
+					<Icon
+						name="Cpu"
+						size={20}
+					/>
 					{row.processor}
 				</Stack>
 			),
diff --git a/client/src/Pages/Infrastructure/Monitors/Components/MonitorsTableMenu/index.jsx b/client/src/Pages/Infrastructure/Monitors/Components/MonitorsTableMenu/index.jsx
index 3902de298..50af0aaa2 100644
--- a/client/src/Pages/Infrastructure/Monitors/Components/MonitorsTableMenu/index.jsx
+++ b/client/src/Pages/Infrastructure/Monitors/Components/MonitorsTableMenu/index.jsx
@@ -100,7 +100,10 @@ const InfrastructureMenu = ({ monitor, isAdmin, updateCallback }) => {
 				}}
 				ref={anchor}
 			>
-				<Icon name="Settings" size={20} />
+				<Icon
+					name="Settings"
+					size={20}
+				/>
 			</IconButton>
 
 			<Menu
diff --git a/client/src/Pages/Maintenance/CreateMaintenance/Components/MonitorList/index.jsx b/client/src/Pages/Maintenance/CreateMaintenance/Components/MonitorList/index.jsx
index 03fed80ef..3f606e4a2 100644
--- a/client/src/Pages/Maintenance/CreateMaintenance/Components/MonitorList/index.jsx
+++ b/client/src/Pages/Maintenance/CreateMaintenance/Components/MonitorList/index.jsx
@@ -14,7 +14,9 @@ const MonitorListItem = ({ monitor, onDelete }) => {
 			width="100%"
 		>
 			<Typography flexGrow={1}>{monitor.name}</Typography>
-			<Icon name="Trash2" size={20}
+			<Icon
+				name="Trash2"
+				size={20}
 				sx={{ cursor: "pointer" }}
 				onClick={() => onDelete(monitor)}
 			/>
diff --git a/client/src/Pages/Maintenance/CreateMaintenance/index.jsx b/client/src/Pages/Maintenance/CreateMaintenance/index.jsx
index 13a5387ec..3e8090325 100644
--- a/client/src/Pages/Maintenance/CreateMaintenance/index.jsx
+++ b/client/src/Pages/Maintenance/CreateMaintenance/index.jsx
@@ -217,7 +217,14 @@ const CreateMaintenance = () => {
 									disablePast
 									disableHighlightToday
 									value={form.startDate}
-									slots={{ openPickerIcon: () => <Icon name="Calendar" size={20} /> }}
+									slots={{
+										openPickerIcon: () => (
+											<Icon
+												name="Calendar"
+												size={20}
+											/>
+										),
+									}}
 									slotProps={{
 										switchViewButton: { sx: { display: "none" } },
 										nextIconButton: { sx: { ml: theme.spacing(2) } },
diff --git a/client/src/Pages/Maintenance/MaintenanceTable/ActionsMenu/index.jsx b/client/src/Pages/Maintenance/MaintenanceTable/ActionsMenu/index.jsx
index 98047c38f..09c69dd98 100644
--- a/client/src/Pages/Maintenance/MaintenanceTable/ActionsMenu/index.jsx
+++ b/client/src/Pages/Maintenance/MaintenanceTable/ActionsMenu/index.jsx
@@ -98,7 +98,10 @@ const ActionsMenu = ({ /* isAdmin, */ maintenanceWindow, updateCallback }) => {
 					},
 				}}
 			>
-				<Icon name="Settings" size={20} />
+				<Icon
+					name="Settings"
+					size={20}
+				/>
 			</IconButton>
 
 			<Menu
diff --git a/client/src/Pages/Maintenance/MaintenanceTable/index.jsx b/client/src/Pages/Maintenance/MaintenanceTable/index.jsx
index d581f6a52..004bbeb3a 100644
--- a/client/src/Pages/Maintenance/MaintenanceTable/index.jsx
+++ b/client/src/Pages/Maintenance/MaintenanceTable/index.jsx
@@ -67,9 +67,15 @@ const MaintenanceTable = ({
 						}}
 					>
 						{sort.order === "asc" ? (
-							<Icon name="ArrowUp" size={18} />
+							<Icon
+								name="ArrowUp"
+								size={18}
+							/>
 						) : (
-							<Icon name="ArrowDown" size={18} />
+							<Icon
+								name="ArrowDown"
+								size={18}
+							/>
 						)}
 					</span>
 				</Box>
@@ -88,9 +94,15 @@ const MaintenanceTable = ({
 						}}
 					>
 						{sort.order === "asc" ? (
-							<Icon name="ArrowUp" size={18} />
+							<Icon
+								name="ArrowUp"
+								size={18}
+							/>
 						) : (
-							<Icon name="ArrowDown" size={18} />
+							<Icon
+								name="ArrowDown"
+								size={18}
+							/>
 						)}
 					</span>
 				</Box>
diff --git a/client/src/Pages/Notifications/components/ActionMenu.jsx b/client/src/Pages/Notifications/components/ActionMenu.jsx
index e0372a55a..52516a737 100644
--- a/client/src/Pages/Notifications/components/ActionMenu.jsx
+++ b/client/src/Pages/Notifications/components/ActionMenu.jsx
@@ -49,7 +49,10 @@ const ActionMenu = ({ notification, onDelete }) => {
 				onClick={handleClick}
 				onMouseDown={(e) => e.stopPropagation()}
 			>
-				<Icon name="Settings" size={20} />
+				<Icon
+					name="Settings"
+					size={20}
+				/>
 			</IconButton>
 
 			<Menu
diff --git a/client/src/Pages/PageSpeed/Create/index.jsx b/client/src/Pages/PageSpeed/Create/index.jsx
index ee21022fb..b218ff381 100644
--- a/client/src/Pages/PageSpeed/Create/index.jsx
+++ b/client/src/Pages/PageSpeed/Create/index.jsx
@@ -312,12 +312,18 @@ const PageSpeedSetup = () => {
 							>
 								{monitor?.isActive ? (
 									<>
-										<Icon name="PauseCircle" size={20} />
+										<Icon
+											name="PauseCircle"
+											size={20}
+										/>
 										{t("pause")}
 									</>
 								) : (
 									<>
-										<Icon name="PlayCircle" size={20} />
+										<Icon
+											name="PlayCircle"
+											size={20}
+										/>
 										{t("resume")}
 									</>
 								)}
diff --git a/client/src/Pages/PageSpeed/Details/Components/Charts/AreaChartLegend.jsx b/client/src/Pages/PageSpeed/Details/Components/Charts/AreaChartLegend.jsx
index 80202cd3d..525e4d0d2 100644
--- a/client/src/Pages/PageSpeed/Details/Components/Charts/AreaChartLegend.jsx
+++ b/client/src/Pages/PageSpeed/Details/Components/Charts/AreaChartLegend.jsx
@@ -10,7 +10,12 @@ const AreaChartLegend = ({ metrics, handleMetrics }) => {
 	const { t } = useTranslation();
 	return (
 		<LegendBox
-			icon={<Icon name="Ruler" size={20} />}
+			icon={
+				<Icon
+					name="Ruler"
+					size={20}
+				/>
+			}
 			header="Metrics"
 		>
 			<Box>
diff --git a/client/src/Pages/PageSpeed/Details/Components/Charts/PieChartLegend.jsx b/client/src/Pages/PageSpeed/Details/Components/Charts/PieChartLegend.jsx
index af93f9a9c..5cfdad608 100644
--- a/client/src/Pages/PageSpeed/Details/Components/Charts/PieChartLegend.jsx
+++ b/client/src/Pages/PageSpeed/Details/Components/Charts/PieChartLegend.jsx
@@ -9,7 +9,12 @@ const PieChartLegend = ({ audits }) => {
 
 	return (
 		<LegendBox
-			icon={<Icon name="Gauge" size={20} />}
+			icon={
+				<Icon
+					name="Gauge"
+					size={20}
+				/>
+			}
 			header="Performance metrics"
 			sx={{ flex: 1 }}
 		>
diff --git a/client/src/Pages/PageSpeed/Details/Components/PageSpeedAreaChart/index.jsx b/client/src/Pages/PageSpeed/Details/Components/PageSpeedAreaChart/index.jsx
index d03c9fb3c..9020ddd6d 100644
--- a/client/src/Pages/PageSpeed/Details/Components/PageSpeedAreaChart/index.jsx
+++ b/client/src/Pages/PageSpeed/Details/Components/PageSpeedAreaChart/index.jsx
@@ -24,7 +24,12 @@ const PageSpeedAreaChart = ({ shouldRender, monitor, metrics, handleMetrics }) =
 		>
 			<ChartBox
 				justifyContent="flex-start"
-				icon={<Icon name="TrendingUp" size={20} />}
+				icon={
+					<Icon
+						name="TrendingUp"
+						size={20}
+					/>
+				}
 				header="Score history"
 				height="100%"
 				borderRadiusRight={16}
diff --git a/client/src/Pages/PageSpeed/Details/Components/PerformanceReport/index.jsx b/client/src/Pages/PageSpeed/Details/Components/PerformanceReport/index.jsx
index 162e18c13..a2e1b5f96 100644
--- a/client/src/Pages/PageSpeed/Details/Components/PerformanceReport/index.jsx
+++ b/client/src/Pages/PageSpeed/Details/Components/PerformanceReport/index.jsx
@@ -17,7 +17,12 @@ const PerformanceReport = ({ shouldRender, audits }) => {
 
 	return (
 		<ChartBox
-			icon={<Icon name="Layers" size={20} />}
+			icon={
+				<Icon
+					name="Layers"
+					size={20}
+				/>
+			}
 			header="Performance report"
 			Legend={<PieChartLegend audits={audits} />}
 			borderRadiusRight={16}
diff --git a/client/src/Pages/PageSpeed/Monitors/Components/Card/index.jsx b/client/src/Pages/PageSpeed/Monitors/Components/Card/index.jsx
index b57f452db..4642e2336 100644
--- a/client/src/Pages/PageSpeed/Monitors/Components/Card/index.jsx
+++ b/client/src/Pages/PageSpeed/Monitors/Components/Card/index.jsx
@@ -240,7 +240,10 @@ const Card = ({ monitor }) => {
 				}}
 			>
 				<IconBox>
-					<Icon name="Gauge" size={20} />
+					<Icon
+						name="Gauge"
+						size={20}
+					/>
 				</IconBox>
 				<Typography
 					component="h2"
diff --git a/client/src/Pages/StatusPage/Create/Components/MonitorList/index.jsx b/client/src/Pages/StatusPage/Create/Components/MonitorList/index.jsx
index 9e36df35c..81e6df6c5 100644
--- a/client/src/Pages/StatusPage/Create/Components/MonitorList/index.jsx
+++ b/client/src/Pages/StatusPage/Create/Components/MonitorList/index.jsx
@@ -27,9 +27,14 @@ const MonitorListItem = ({
 			justifyContent={"start"}
 			border={`1px solid ${theme.palette.primary.lowContrast}`}
 		>
-			<Icon name="GripVertical" size={20} />
+			<Icon
+				name="GripVertical"
+				size={20}
+			/>
 			<Typography>{monitor.name}</Typography>
-			<Icon name="Trash2" size={20}
+			<Icon
+				name="Trash2"
+				size={20}
 				sx={{ marginLeft: "auto" }}
 				onClick={() => {
 					onDelete(monitor);
diff --git a/client/src/Pages/StatusPage/Create/Components/Progress/index.jsx b/client/src/Pages/StatusPage/Create/Components/Progress/index.jsx
index eba36ca8c..594fd9709 100644
--- a/client/src/Pages/StatusPage/Create/Components/Progress/index.jsx
+++ b/client/src/Pages/StatusPage/Create/Components/Progress/index.jsx
@@ -8,7 +8,12 @@ const Progress = ({ isLoading, progressValue, logo, logoType, removeLogo, errors
 	if (isLoading) {
 		return (
 			<ProgressUpload
-				icon={<Icon name="Image" size={20} />}
+				icon={
+					<Icon
+						name="Image"
+						size={20}
+					/>
+				}
 				label={logo?.name}
 				size={formatBytes(logo?.size)}
 				progress={progressValue}
diff --git a/client/src/Pages/StatusPage/Status/Components/ControlsHeader/index.jsx b/client/src/Pages/StatusPage/Status/Components/ControlsHeader/index.jsx
index 69168c97d..fe1c4c852 100644
--- a/client/src/Pages/StatusPage/Status/Components/ControlsHeader/index.jsx
+++ b/client/src/Pages/StatusPage/Status/Components/ControlsHeader/index.jsx
@@ -45,7 +45,12 @@ const Controls = ({ url, type }) => {
 						},
 					}}
 				>
-					<Icon name="Settings" size={18} style={{ marginRight: '8px' }} /> {t("configure")}
+					<Icon
+						name="Settings"
+						size={18}
+						style={{ marginRight: "8px" }}
+					/>{" "}
+					{t("configure")}
 				</Button>
 			</Box>
 		</Stack>
@@ -110,7 +115,10 @@ const ControlsHeader = ({ statusPage, isPublic, url, type = "uptime" }) => {
 						}}
 					>
 						<Typography>{t("publicLink")}</Typography>
-						<Icon name="ExternalLink" size={18} />
+						<Icon
+							name="ExternalLink"
+							size={18}
+						/>
 					</Stack>
 				)}
 			</Stack>
diff --git a/client/src/Pages/StatusPage/Status/Components/StatusBar/index.jsx b/client/src/Pages/StatusPage/Status/Components/StatusBar/index.jsx
index 44cfbaca3..7b9460068 100644
--- a/client/src/Pages/StatusPage/Status/Components/StatusBar/index.jsx
+++ b/client/src/Pages/StatusPage/Status/Components/StatusBar/index.jsx
@@ -9,14 +9,22 @@ import PropTypes from "prop-types";
 const getMonitorStatus = (monitors, theme) => {
 	const monitorsStatus = {
 		icon: (
-			<Icon name="AlertTriangle" size={24} color="primary.contrastTextSecondaryDarkBg" />
+			<Icon
+				name="AlertTriangle"
+				size={24}
+				color="primary.contrastTextSecondaryDarkBg"
+			/>
 		),
 	};
 	if (monitors.every((monitor) => monitor.status === true)) {
 		monitorsStatus.msg = "All systems operational";
 		monitorsStatus.color = theme.palette.success.lowContrast;
 		monitorsStatus.icon = (
-			<Icon name="CheckCircle2" size={24} color="primary.contrastTextSecondaryDarkBg" />
+			<Icon
+				name="CheckCircle2"
+				size={24}
+				color="primary.contrastTextSecondaryDarkBg"
+			/>
 		);
 	}
 
diff --git a/client/src/Pages/StatusPage/StatusPages/Components/StatusPagesTable/index.jsx b/client/src/Pages/StatusPage/StatusPages/Components/StatusPagesTable/index.jsx
index 57f7235e6..9882239bd 100644
--- a/client/src/Pages/StatusPage/StatusPages/Components/StatusPagesTable/index.jsx
+++ b/client/src/Pages/StatusPage/StatusPages/Components/StatusPagesTable/index.jsx
@@ -48,7 +48,12 @@ const StatusPagesTable = ({ data }) => {
 						}}
 					>
 						<Typography>{content}</Typography>
-						{row.isPublished && <Icon name="ExternalLink" size={18} />}
+						{row.isPublished && (
+							<Icon
+								name="ExternalLink"
+								size={18}
+							/>
+						)}
 					</Stack>
 				);
 			},
diff --git a/client/src/Pages/Uptime/Create/index.jsx b/client/src/Pages/Uptime/Create/index.jsx
index 70be3bc00..b1460dba6 100644
--- a/client/src/Pages/Uptime/Create/index.jsx
+++ b/client/src/Pages/Uptime/Create/index.jsx
@@ -426,7 +426,17 @@ const UptimeCreate = ({ isClone = false }) => {
 								color="secondary"
 								loading={isBusy}
 								startIcon={
-									monitor?.isActive ? <Icon name="Pause" size={18} /> : <Icon name="Play" size={18} />
+									monitor?.isActive ? (
+										<Icon
+											name="Pause"
+											size={18}
+										/>
+									) : (
+										<Icon
+											name="Play"
+											size={18}
+										/>
+									)
 								}
 								onClick={handlePause}
 							>
diff --git a/client/src/Pages/Uptime/Details/Components/ChartBoxes/index.jsx b/client/src/Pages/Uptime/Details/Components/ChartBoxes/index.jsx
index 6449946f3..b8496f5ea 100644
--- a/client/src/Pages/Uptime/Details/Components/ChartBoxes/index.jsx
+++ b/client/src/Pages/Uptime/Details/Components/ChartBoxes/index.jsx
@@ -36,7 +36,12 @@ const ChartBoxes = ({
 			gap={theme.spacing(8)}
 		>
 			<ChartBox
-				icon={<Icon name="Activity" size={20} />}
+				icon={
+					<Icon
+						name="Activity"
+						size={20}
+					/>
+				}
 				header="Uptime"
 				isEmpty={monitorData?.groupedUpChecks?.length === 0}
 			>
@@ -87,7 +92,12 @@ const ChartBoxes = ({
 				/>
 			</ChartBox>
 			<ChartBox
-				icon={<Icon name="AlertTriangle" size={20} />}
+				icon={
+					<Icon
+						name="AlertTriangle"
+						size={20}
+					/>
+				}
 				header="Incidents"
 				noDataMessage={noIncidentsMessage}
 				isEmpty={monitorData?.groupedDownChecks?.length === 0}
@@ -121,7 +131,12 @@ const ChartBoxes = ({
 				/>
 			</ChartBox>
 			<ChartBox
-				icon={<Icon name="BarChart3" size={20} />}
+				icon={
+					<Icon
+						name="BarChart3"
+						size={20}
+					/>
+				}
 				header="Average Response Time"
 			>
 				<ResponseGaugeChart avgResponseTime={monitorData?.groupedAvgResponseTime ?? 0} />
diff --git a/client/src/Pages/Uptime/Details/Components/Charts/ResponseTimeChart.jsx b/client/src/Pages/Uptime/Details/Components/Charts/ResponseTimeChart.jsx
index 365324b4d..7e7a940e0 100644
--- a/client/src/Pages/Uptime/Details/Components/Charts/ResponseTimeChart.jsx
+++ b/client/src/Pages/Uptime/Details/Components/Charts/ResponseTimeChart.jsx
@@ -11,7 +11,12 @@ const ResponseTImeChart = ({ isLoading = false, groupedChecks = [], dateRange })
 
 	return (
 		<ChartBox
-			icon={<Icon name="TrendingUp" size={20} />}
+			icon={
+				<Icon
+					name="TrendingUp"
+					size={20}
+				/>
+			}
 			header="Response Times"
 		>
 			<MonitorDetailsAreaChart
diff --git a/client/src/Pages/Uptime/Details/Components/ResponseTable/index.jsx b/client/src/Pages/Uptime/Details/Components/ResponseTable/index.jsx
index eecbe981f..2d7991324 100644
--- a/client/src/Pages/Uptime/Details/Components/ResponseTable/index.jsx
+++ b/client/src/Pages/Uptime/Details/Components/ResponseTable/index.jsx
@@ -184,7 +184,12 @@ const ResponseTable = ({
 
 	return (
 		<ChartBox
-			icon={<Icon name="History" size={20} />}
+			icon={
+				<Icon
+					name="History"
+					size={20}
+				/>
+			}
 			header="Response Times"
 			height="100%"
 		>
diff --git a/client/src/Pages/Uptime/Monitors/Components/Filter/index.jsx b/client/src/Pages/Uptime/Monitors/Components/Filter/index.jsx
index 003617046..62ba0be13 100644
--- a/client/src/Pages/Uptime/Monitors/Components/Filter/index.jsx
+++ b/client/src/Pages/Uptime/Monitors/Components/Filter/index.jsx
@@ -131,7 +131,12 @@ const Filter = ({
 				color={theme.palette.primary.contrastText}
 				onClick={handleReset}
 				variant="contained"
-				endIcon={<Icon name="X" size={18} />}
+				endIcon={
+					<Icon
+						name="X"
+						size={18}
+					/>
+				}
 				sx={{
 					visibility: isFilterActive ? "visible" : "hidden",
 				}}
diff --git a/client/src/Pages/Uptime/Monitors/Components/StatusBoxes/statusBox.jsx b/client/src/Pages/Uptime/Monitors/Components/StatusBoxes/statusBox.jsx
index ee9a5d037..136c3575d 100644
--- a/client/src/Pages/Uptime/Monitors/Components/StatusBoxes/statusBox.jsx
+++ b/client/src/Pages/Uptime/Monitors/Components/StatusBoxes/statusBox.jsx
@@ -19,21 +19,30 @@ const StatusBox = ({ title, value, status }) => {
 		color = theme.palette.success.lowContrast;
 		icon = (
 			<Box sx={{ ...sharedStyles, top: theme.spacing(4) }}>
-				<Icon name="ArrowUpRight" size={20} />
+				<Icon
+					name="ArrowUpRight"
+					size={20}
+				/>
 			</Box>
 		);
 	} else if (status === "down") {
 		color = theme.palette.error.lowContrast;
 		icon = (
 			<Box sx={{ ...sharedStyles, transform: "rotate(180deg)", top: theme.spacing(2) }}>
-				<Icon name="ArrowUpRight" size={20} />
+				<Icon
+					name="ArrowUpRight"
+					size={20}
+				/>
 			</Box>
 		);
 	} else if (status === "paused") {
 		color = theme.palette.warning.lowContrast;
 		icon = (
 			<Box sx={{ ...sharedStyles, top: theme.spacing(6), right: theme.spacing(6) }}>
-				<Icon name="Clock" size={20} />
+				<Icon
+					name="Clock"
+					size={20}
+				/>
 			</Box>
 		);
 	}
diff --git a/client/src/Pages/Uptime/Monitors/Components/UptimeDataTable/index.jsx b/client/src/Pages/Uptime/Monitors/Components/UptimeDataTable/index.jsx
index 43a467405..8c3239dd3 100644
--- a/client/src/Pages/Uptime/Monitors/Components/UptimeDataTable/index.jsx
+++ b/client/src/Pages/Uptime/Monitors/Components/UptimeDataTable/index.jsx
@@ -91,9 +91,15 @@ const UptimeDataTable = ({
 						}}
 					>
 						{sort?.order === "asc" ? (
-							<Icon name="ArrowUp" size={18} />
+							<Icon
+								name="ArrowUp"
+								size={18}
+							/>
 						) : (
-							<Icon name="ArrowDown" size={18} />
+							<Icon
+								name="ArrowDown"
+								size={18}
+							/>
 						)}
 					</Stack>
 				</Stack>
@@ -127,9 +133,15 @@ const UptimeDataTable = ({
 						}}
 					>
 						{sort?.order === "asc" ? (
-							<Icon name="ArrowUp" size={18} />
+							<Icon
+								name="ArrowUp"
+								size={18}
+							/>
 						) : (
-							<Icon name="ArrowDown" size={18} />
+							<Icon
+								name="ArrowDown"
+								size={18}
+							/>
 						)}
 					</Stack>
 				</Stack>