organizing file storage

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

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