starting lecture UI

nextjs/src/app/course/[courseName]/lecture/[lectureDay]/layout.tsx

@@ -0,0 +1,23 @@
+import { Suspense } from "react";
+import CourseContextProvider from "../../context/CourseContextProvider";
+
+export default async function LectureLayout({
+  children,
+  params: { courseName, lectureDay },
+}: {
+  children: React.ReactNode;
+  params: { courseName: string; lectureDay: string };
+}) {
+  const decodedCourseName = decodeURIComponent(courseName);
+  if (courseName.includes(".js.map")) {
+    console.log("cannot load course that is .js.map " + decodedCourseName);
+    return <div></div>;
+  }
+  return (
+    <Suspense>
+      <CourseContextProvider localCourseName={decodedCourseName}>
+        {children}
+      </CourseContextProvider>
+    </Suspense>
+  );
+}