got the middle scrolling correct

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

@@ -0,0 +1,11 @@
+import { LocalModule } from "@/models/local/localModules";
+import React from "react";
+
+export default function ExpandableModule({ module }: { module: LocalModule }) {
+  return (
+    <details>
+      <summary> {module.name}</summary>
+      expanded details
+    </details>
+  );
+}