fix: only show manage quizzes if admin

src/components/Header/Header.tsx

@@ -1,11 +1,12 @@
 import { useState } from "react";
 import { useLazyQuery } from "@apollo/client";
 import { Drawer, IconButton, List, ListItem, ListItemPrefix, Typography } from "@material-tailwind/react";
-import {Menu, Home, Play, FileQuestion, X, CircleUserRound, Power, LibraryBig} from "lucide-react";
+import { Menu, Home, Play, FileQuestion, X, CircleUserRound, Power, LibraryBig } from "lucide-react";
 import { Link, useLocation } from "react-router-dom";
 import { toast } from "react-toastify";
 import useBreakpoint from "use-breakpoint";
 import { LoginForm } from "@components/Login/LoginForm.tsx";
+import { Roles } from "@generated/graphql.ts";
 import { useUserStore } from "@state/userStore.ts";
 import { BREAKPOINTS } from "@utils/constants.ts";
 import { LOGOUT_USER } from "@utils/queries/Logout.ts";
@@ -17,6 +18,7 @@ export function Header() {
   const { breakpoint } = useBreakpoint(BREAKPOINTS);
   const [isDrawerOpen, setIsDrawerOpen] = useState(false);
   const { user, isLoggedIn, resetUser } = useUserStore();
+  const isAdmin = user.role === Roles.Admin;
 
   const [makeLogout] = useLazyQuery(LOGOUT_USER);
 
@@ -110,14 +112,16 @@ export function Header() {
                     Profile
                   </ListItem>
                 </Link>
-                <Link to="/quizzes" onClick={toggleDrawer}>
-                  <ListItem>
-                    <ListItemPrefix>
-                      <LibraryBig />
-                    </ListItemPrefix>
-                    Manage Quizzes
-                  </ListItem>
-                </Link>
+                {isAdmin && (
+                  <Link to="/quizzes" onClick={toggleDrawer}>
+                    <ListItem>
+                      <ListItemPrefix>
+                        <LibraryBig />
+                      </ListItemPrefix>
+                      Manage Quizzes
+                    </ListItem>
+                  </Link>
+                )}
                 <ListItem
                   onClick={async () => {
                     await makeLogout();