moving data to be held by react query

nextjs/src/app/course/[courseName]/modules/ModuleList.tsx

@@ -3,14 +3,12 @@ import { useCourseContext } from "../context/courseContext";
 import ExpandableModule from "./ExpandableModule";
 
 export default function ModuleList() {
-  const {
-    localCourse: { modules },
-  } = useCourseContext();
   return (
     <div>
-      {modules.map((m) => (
+      modules here
+      {/* {modules.map((m) => (
         <ExpandableModule key={m.name} module={m} />
-      ))}
+      ))} */}
     </div>
   );
 }