Add user role check for creating questions

Author: rickkoh

frontend/src/app/dashboard/_components/QuestionTable/data-table-toolbar.tsx

@@ -8,6 +8,7 @@ import { Table } from "@tanstack/react-table";
 import { CreateQuestionModal } from "../Forms/CreateQuestionModal";
 import { QuestionTableContext } from "@/contexts/QuestionTableContext";
 import { useContext } from "react";
+import { useUser } from "@/contexts/UserContext";
 
 interface DataTableToolbarProps<TData> {
   table: Table<TData>;
@@ -17,6 +18,7 @@ interface DataTableToolbarProps<TData> {
 export default function DataTableToolbar<TData>({
   table,
 }: DataTableToolbarProps<TData>) {
+  const user = useUser();
   const { categories } = useContext(QuestionTableContext);
 
   return (
@@ -62,10 +64,12 @@ export default function DataTableToolbar<TData>({
             />
           </div>
           <CreateQuestionModal>
-            <Button variant="soft">
-              <LucidePlus className="mr-2" />
-              Create question
-            </Button>
+            {user?.roles.includes("admin") && (
+              <Button variant="soft">
+                <LucidePlus className="mr-2" />
+                Create question
+              </Button>
+            )}
           </CreateQuestionModal>
         </div>
       </div>