Merge pull request #2157 from Rimaru06/issue#1992

Enhance Monitor Header: Apply Monospaced Font to URL and Increase Gap Between Elements

client/src/Components/MonitorStatusHeader/index.jsx

@@ -25,10 +25,12 @@ const MonitorStatusHeader = ({ path, isLoading = false, isAdmin, monitor }) => {
 				<Stack
 					direction="row"
 					alignItems={"center"}
-					gap={theme.spacing(2)}
+					gap={theme.spacing(4)}
 				>
 					<PulseDot color={statusColor[determineState(monitor)]} />
-					<Typography variant="h2">
+					<Typography variant="h2"
+					style={{fontFamily : "monospace" , fontWeight : 'bolder'}}
+					>
 						{monitor?.url?.replace(/^https?:\/\//, "") || "..."}
 					</Typography>
 					<Dot />