fix question bank response to be suitable with backend edit on response

src/Layout/Ui/NavBar.tsx

@@ -17,7 +17,6 @@ const NavBar = ({ isOpen }: { isOpen: boolean }) => {
   const navigate = useNavigate();
   const PrevPath = getPrevPathRoute(location.pathname);
   const [t] = useTranslation();
-  console.log(search_array);
 
   const translateArray = translateOptions(search_array, t);
 

src/Pages/Admin/QuestionBank/Table.tsx

@@ -12,7 +12,6 @@ const App: React.FC = () => {
   const { setFilter, Filter } = useFilterStateState();
   const sort_by = Filter?.sort_by;
 
-  console.log(filterState, "filterState");
 
   const response = useGetAllQuestion({
     nullable_parent: "null",

src/Pages/Admin/QuestionBank/useTableColumns.tsx

@@ -23,13 +23,14 @@ export const useColumns = () => {
   const { setFilter } = useFilterStateState();
 
   const handelDelete = (data: any) => {
+    // console.log(data);
+    
     setObjectToEdit(data);
     setIsOpen(ModalEnum?.QUESTION_DELETE);
   };
 
   const handleNavigateToReport = (record: any) => {
     setFilter({});
-    // console.log(record);
 
     navigate(`/report/${record?.report?.id}`);
   };
@@ -38,7 +39,10 @@ export const useColumns = () => {
     const lesson = record?.lessons?.[0];
     const unit = lesson?.unit;
     const subject = unit?.subject;
-    const grade = subject?.grade;
+    const grade = subject?.grades[0];
+      console.log(record  ,"lesson");
+      // console.log(grade,"grade");
+
     
     setFilter({});
     navigate(
@@ -74,10 +78,12 @@ export const useColumns = () => {
       key: "lessons",
       align: "center",
       render: (text, record) => {
+        console.log(record);
+
         const lesson = record?.lessons?.[0];
         const unit = lesson?.unit;
         const subject = unit?.subject;
-        const grade = subject?.grade;
+        const grade = subject?.grades[0];
 
         return <> {grade?.name} </>;
       },
@@ -117,7 +123,6 @@ export const useColumns = () => {
       align: "center",
       render: (text, record) => {
         const lesson = record?.lessons?.[0];
-        console.log(lesson, "lesson");
 
         return <> {lesson?.name} </>;
       },
@@ -179,8 +184,10 @@ export const useColumns = () => {
       title: "#",
       key: "actions",
       align: "center",
+      render: (_text, record, index) => {
+        const { report }:any = record || {};
+        console.log(record);
       
-      render: ({ _text, record, index }: any) => {
         return (
           <div className="flex">
             <ActionButtons
@@ -192,7 +199,7 @@ export const useColumns = () => {
               canShowQr={true}
               onShoqQr={() => handleClickQr(record)}
             />
-            {!!record?.report?.content ? (
+            {!!report?.content ? (
               <ReportTableIcon
                 editTooltipTitle="practical.with_report"
                 onClick={() => handleNavigateToReport(record)}
@@ -202,7 +209,7 @@ export const useColumns = () => {
             )}
           </div>
         );
-      },
+      }
     },
   ];