Ran formattor.

client/src/Components/Charts/Utils/chartUtils.jsx

@@ -101,12 +101,12 @@ const getFormattedPercentage = (value) => {
  * @param {number} props.index - The index of the tick.
  * @returns {JSX.Element|null} The rendered tick component or null for the first tick.
  */
-export const NetworkTick = ({ x, y, payload, index, formatter}) => {
+export const NetworkTick = ({ x, y, payload, index, formatter }) => {
 	const theme = useTheme();
 	if (index === 0) return null;
 
 	if (formatter === undefined) {
-		formatter = (value, space=false) => {
+		formatter = (value, space = false) => {
 			if (typeof value !== "number") return value;
 			// need to add space between value and unit
 			return `${(value / 1024).toFixed(2)}${space ? " " : ""}Kbps`;

client/src/Pages/Infrastructure/Details/Components/NetworkStats/NetworkCharts.jsx

@@ -15,7 +15,7 @@ const NetworkCharts = ({ ethernetData, dateRange }) => {
 	const theme = useTheme();
 	const { t } = useTranslation();
 
-	const {formatBytesString} = useHardwareUtils();
+	const { formatBytesString } = useHardwareUtils();
 
 	if (!ethernetData?.length) {
 		return <Typography>{t("noNetworkStatsAvailable")}</Typography>;
@@ -31,7 +31,7 @@ const NetworkCharts = ({ ethernetData, dateRange }) => {
 			gradientStartColor: theme.palette.info.main,
 			yLabel: t("bytesPerSecond"),
 			xTick: <TzTick dateRange={dateRange} />,
-			yTick: <NetworkTick formatter={formatBytesString}/>,
+			yTick: <NetworkTick formatter={formatBytesString} />,
 			toolTip: (
 				<InfrastructureTooltip
 					dotColor={theme.palette.info.main}