add a description

client/src/Pages/Logs/Logs/index.jsx

@@ -49,7 +49,10 @@ const Logs = () => {
 		{ _id: "debug", name: t("logsPage.logLevelSelect.values.debug") },
 	];
 	return (
-		<Stack>
+		<Stack gap={theme.spacing(4)}>
+			<Box>
+				<Typography variant="body">{t("logsPage.description")}</Typography>
+			</Box>
 			<Stack
 				direction="row"
 				alignItems="center"
@@ -64,6 +67,7 @@ const Logs = () => {
 					}}
 				/>
 			</Stack>
+
 			<Box
 				component="pre"
 				sx={{

client/src/locales/en.json

@@ -756,6 +756,7 @@
 	"selectAll": "Select all",
 	"logsPage": {
 		"title": "Logs",
+		"description": "This page shows the latest 1000 lines of logs from the Checkmate server",
 		"tabs": {
 			"queue": "Job queue",
 			"logs": "Server logs"
@@ -803,16 +804,16 @@
 			"failCountHeader": "Fail count",
 			"failedAtHeader": "Last failed at",
 			"failReasonHeader": "Fail reason"
-		},
-		"export": {
-			"title": "Export Monitors",
-			"success": "Monitors exported successfully!",
-			"failed": "Failed to export monitors"
-		},
-		"monitorActions": {
-			"title": "Export/Import",
-			"import": "Import Monitors",
-			"export": "Export Monitors"
 		}
+	},
+	"export": {
+		"title": "Export Monitors",
+		"success": "Monitors exported successfully!",
+		"failed": "Failed to export monitors"
+	},
+	"monitorActions": {
+		"title": "Export/Import",
+		"import": "Import Monitors",
+		"export": "Export Monitors"
 	}
 }