feat: cron done, admin unfinished

frontend/src/utils/AdminPage.tsx

@@ -0,0 +1,3 @@
+export function AdminPage() {
+  return <div>{"adminpage"}</div>;
+}

frontend/src/utils/RouteGuard.tsx

@@ -0,0 +1,26 @@
+import { useEffect, useState, type JSX } from "react";
+import { Navigate, useLocation } from "react-router-dom";
+import { getCurrentUser } from "../helper/auth";
+
+export const RequireAdmin = ({ children }: { children: JSX.Element }) => {
+  const [isAdmin, setIsAdmin] = useState<boolean | null>(null);
+  const [loading, setLoading] = useState(true);
+  const location = useLocation();
+
+  useEffect(() => {
+    const checkAdmin = async () => {
+      const user = await getCurrentUser();
+      setIsAdmin(user.isAdmin);
+      setLoading(false);
+    };
+    checkAdmin();
+  }, []);
+
+  if (loading) return <div>Checking permissions...</div>;
+
+  if (!isAdmin) {
+    return <Navigate to="/unauthorized" state={{ from: location }} replace />;
+  }
+
+  return children;
+};

frontend/src/utils/UnauthorizedPage.tsx

@@ -0,0 +1,10 @@
+const Unauthorized = () => {
+  return (
+    <div className="p-4 text-red-600">
+      <h1 className="text-xl font-bold">403 - Unauthorized</h1>
+      <p>You do not have permission to view this page.</p>
+    </div>
+  );
+};
+
+export default Unauthorized;