term dropdown populating

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

@@ -2,6 +2,7 @@ import CourseCalendar from "./calendar/CourseCalendar";
 import CourseSettingsLink from "./CourseSettingsLink";
 import ModuleList from "./modules/ModuleList";
 import DraggingContextProvider from "./context/DraggingContextProvider";
+import Link from "next/link";
 
 export default async function CoursePage({}: {}) {
   return (
@@ -9,6 +10,12 @@ 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>
+
             <CourseCalendar />
           </div>
           <div className="w-96 p-3">