TYPE ERROR FIX!!

client/src/components/ui/Question/data-grid.tsx

@@ -69,7 +69,14 @@ export function Datagrid({
     // Ensure paddedData always has 5 rows
     const updatedPaddedData = [...currentData];
     while (updatedPaddedData.length < itemsPerPage) {
-      updatedPaddedData.push({ name: "", category: "", difficulty: "" });
+      updatedPaddedData.push({
+        name: "",
+        genre: "",
+        difficulty: "",
+        question: "",
+        answer: "",
+        solution: "",
+      });
     }
 
     setPaddedData(updatedPaddedData);
@@ -92,10 +99,10 @@ export function Datagrid({
             </TableHead>
             <TableHead className="w-1/4">
               <div className="flex items-center text-white">
-                <span>Category</span>
+                <span>Genre</span>
                 <span
                   className="ml-2 cursor-pointer"
-                  onClick={() => sortByColumn("category")}
+                  onClick={() => sortByColumn("genre")}
                 >
                   <svg
                     width="10"
@@ -140,9 +147,7 @@ export function Datagrid({
               className={"divide-gray-200 border-gray-50 text-sm text-black"}
             >
               <TableCell className="w-1/4">{item.name || "\u00A0"}</TableCell>
-              <TableCell className="w-1/4">
-                {item.category || "\u00A0"}
-              </TableCell>
+              <TableCell className="w-1/4">{item.genre || "\u00A0"}</TableCell>
               <TableCell className="w-1/4">
                 {item.difficulty || "\u00A0"}
               </TableCell>

client/src/types/data-grid.ts

@@ -9,8 +9,8 @@
  * @example
  * const exampleDatagridProps: DatagridProps = {
  *   datacontext: [
- *     { name: "Question01_2024", category: "Geometry Questions", difficulty: "Difficult" },
- *     { name: "Question02_2024", category: "Algebra Questions", difficulty: "Easy" }
+ *     { name: "Question01_2024", genre: "Geometry Questions", difficulty: "Difficult" },
+ *     { name: "Question02_2024", genre: "Algebra Questions", difficulty: "Easy" }
  *   ],
  *   onDataChange: (updatedData) => console.log("Data updated:", updatedData),
  *   changePage: 1

client/src/types/question.ts

@@ -3,7 +3,7 @@
  *
  * @interface Question
  * @property {string} name - The name of the question.
- * @property {string} category - The category the question belongs to (e.g., Geometry, Algebra).
+ * @property {string} genre - The genre the question belongs to (e.g., Geometry, Algebra).
  * @property {string} difficulty - The difficulty level of the question (e.g., Easy, Medium, Difficult).
  *
  * @example