add dev settings

client/src/Pages/Settings/SettingsDev.jsx

@@ -0,0 +1,37 @@
+import Box from "@mui/material/Box";
+import Typography from "@mui/material/Typography";
+import ConfigBox from "../../Components/ConfigBox";
+// Utils
+import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router-dom";
+import Link from "../../Components/Link";
+
+const SettingsDev = (isAdmin, HEADER_SX) => {
+	const { t } = useTranslation();
+
+	if (!isAdmin) return null;
+
+	return (
+		<ConfigBox>
+			<Box>
+				<Typography
+					component="h1"
+					variant="h2"
+				>
+					{t("settingsDev")}
+				</Typography>
+				<Typography sx={HEADER_SX}>{t("settingsDevDescription")}</Typography>
+			</Box>
+			<Box>
+				<Link
+					level="secondary"
+					label={t("settingsDevViewJobQueueDetails")}
+					url="/queue"
+					external={false}
+				/>
+			</Box>
+		</ConfigBox>
+	);
+};
+
+export default SettingsDev;

client/src/Pages/Settings/index.jsx

@@ -8,6 +8,7 @@ import SettingsPagespeed from "./SettingsPagespeed";
 import SettingsDemoMonitors from "./SettingsDemoMonitors";
 import SettingsAbout from "./SettingsAbout";
 import SettingsEmail from "./SettingsEmail";
+import SettingsDev from "./SettingsDev";
 import Button from "@mui/material/Button";
 // Utils
 import { settingsValidation } from "../../Validation/validation";
@@ -208,6 +209,10 @@ const Settings = () => {
 				emailPasswordHasBeenReset={emailPasswordHasBeenReset}
 				setEmailPasswordHasBeenReset={setEmailPasswordHasBeenReset}
 			/>
+			<SettingsDev
+				isAdmin={isAdmin}
+				HEADER_SX={HEADING_SX}
+			/>
 			<SettingsAbout />
 			<Stack
 				direction="row"