working pages and app router

nextjs-pages/src/components/modules/ModuleList.tsx

@@ -0,0 +1,14 @@
+"use client";
+import { useModuleNamesQuery } from "@/hooks/localCourse/localCoursesHooks";
+import ExpandableModule from "./ExpandableModule";
+
+export default function ModuleList() {
+  const { data: moduleNames } = useModuleNamesQuery();
+  return (
+    <div>
+      {moduleNames.map((m) => (
+        <ExpandableModule key={m} moduleName={m}/>
+      ))}
+    </div>
+  );
+}