Refactor Breadcrumbs to use translation keys for improved localization

src/Pages/StatusPage/Create/index.jsx

@@ -62,14 +62,14 @@ const CreateStatusPage = () => {
 	
 	// Breadcrumbs
 	const crumbs = [
-		{ name: "status pages", path: "/status" },
+		{ name: t("statusPages"), path: "/status" },
 	];
 	if (isCreate) {
-		crumbs.push({ name: "create", path: "/status/create" });
+		crumbs.push({ name: t("create"), path: "/status/create" });
 	} else {
 		crumbs.push(
-			{ name: "details", path: `/status/uptime/${statusPage?.url}` },
-			{ name: "configure", path: "" }
+			{ name: t("details"), path: `/status/uptime/${statusPage?.url}` },
+			{ name: t("configure"), path: "" }
 		);
 	}
 

src/Pages/StatusPage/Status/index.jsx

@@ -30,8 +30,8 @@ const PublicStatus = () => {
 	const location = useLocation();
 	const navigate = useNavigate();
 	const crumbs = [
-		{ name: "status pages", path: "/status" },
-		{ name: "details", path: "" },
+		{ name: t("statusPages"), path: "/status" },
+		{ name: t("details"), path: "" },
 	];
 
 	const [statusPage, monitors, isLoading, networkError, fetchStatusPage] =

src/locales/gb.json

@@ -375,5 +375,8 @@
   "infrastructureMonitorUpdated": "Infrastructure monitor updated successfully!",
   "errorInvalidTypeId": "Invalid notification type provided",
   "errorInvalidFieldId": "Invalid field ID provided",
-  "inviteNoTokenFound": "No invite token found"
+  "inviteNoTokenFound": "No invite token found",
+  "details": "Details",
+  "create": "Create",
+  "statusPages": "Status Pages"
 }