term dropdown populating

nextjs/src/app/page.tsx

@@ -1,9 +1,16 @@
+import AddNewCourse from "./AddNewCourse";
 import CourseList from "./CourseList";
 
 export default async function Home() {
   return (
-    <main className="min-h-screen">
-      <CourseList />
+    <main className="min-h-screen flex justify-center">
+      <div>
+        <CourseList />
+        <br />
+        <br />
+
+        <AddNewCourse />
+      </div>
     </main>
   );
 }