Add info text about Scheduler service

src/components/etke.cc/schedules/components/ServerSchedulesPage.tsx

@@ -1,4 +1,4 @@
-import { Box, Typography } from "@mui/material";
+import { Box, Typography, Link, Alert } from "@mui/material";
 import { Stack } from "@mui/material"
 import ScheduleIcon from '@mui/icons-material/Schedule';
 import RestoreIcon from '@mui/icons-material/Restore';
@@ -8,20 +8,25 @@ import RecurringCommandsList from "./recurring/RecurringCommandsList";
 const ServerSchedulesPage = () => {
   return (
     <Stack spacing={3} mt={3}>
-      <Stack spacing={1} direction="row" alignItems="center">
+      <Stack spacing={1} direction="column">
         <Box sx={{ display: "flex", alignItems: "center", gap: 1 }}>
           <Typography variant="h4">Server Schedules</Typography>
         </Box>
+        <Alert severity="info">
+          <Typography variant="body1">
+            This is a web interface for the <Link target="_blank" href="https://etke.cc/help/extras/scheduler/">Scheduler Service</Link> that allows you to manage and maintain your server without using the Matrix bot directly.
+          </Typography>
+        </Alert>
       </Stack>
       <Stack spacing={1} direction="column" alignItems="center">
         <Box sx={{ width: "100%" }}>
-          <Typography variant="h5"><ScheduleIcon sx={{ verticalAlign: "middle" }} /> Scheduled:</Typography>
+          <Typography variant="h5"><ScheduleIcon sx={{ verticalAlign: "middle" }} /> Scheduled commands:</Typography>
           <ScheduledCommandsList />
         </Box>
       </Stack>
       <Stack spacing={1} direction="column" alignItems="center">
         <Box sx={{ width: "100%" }}>
-          <Typography sx={{ mb: 2 }} variant="h5"><RestoreIcon sx={{ verticalAlign: "middle" }} /> Recurring:</Typography>
+          <Typography sx={{ mb: 2 }} variant="h5"><RestoreIcon sx={{ verticalAlign: "middle" }} /> Recurring commands:</Typography>
           <RecurringCommandsList />
         </Box>
       </Stack>