updates

nextjs/src/app/course/[courseName]/page.tsx

@@ -4,6 +4,7 @@ import ModuleList from "./modules/ModuleList";
 import DraggingContextProvider from "./context/DraggingContextProvider";
 import Link from "next/link";
 import CourseTitle from "./CourseTitle";
+import { CourseNavigation } from "./CourseNavigation";
 
 export default async function CoursePage({}: {}) {
   return (
@@ -13,12 +14,7 @@ export default async function CoursePage({}: {}) {
         <div className="flex flex-row min-h-0">
           <DraggingContextProvider>
             <div className="flex-1 min-h-0">
-              <div className="pb-1 ps-5">
-                <Link href={"/"} className="btn">
-                  Back to Course List
-                </Link>
-              </div>
-
+              <CourseNavigation />
               <CourseCalendar />
             </div>
             <div className="w-96 p-3">