chore: add URL_TRUNCATE_LENGTH

client/src/Components/MonitorDetailsControlHeader/status.jsx

@@ -24,6 +24,7 @@ import { formatMonitorUrl } from "../../Utils/utils";
 const Status = ({ monitor }) => {
 	const theme = useTheme();
 	const { statusColor, determineState } = useMonitorUtils();
+	const URL_TRUNCATION_LENGTH = 55;
 
 	return (
 		<Stack>
@@ -34,7 +35,9 @@ const Status = ({ monitor }) => {
 				gap={theme.spacing(4)}
 			>
 				<PulseDot color={statusColor[determineState(monitor)]} />
-				<Typography variant="monitorUrl">{formatMonitorUrl(monitor?.url)}</Typography>
+				<Typography variant="monitorUrl">
+					{formatMonitorUrl(monitor?.url, URL_TRUNCATION_LENGTH)}
+				</Typography>
 				<Dot />
 				<Typography>
 					Checking every {formatDurationRounded(monitor?.interval)}.