update menu

superpage/src/layouts/Layout.astro

@@ -9,6 +9,9 @@ import { Container } from '~/components/Container'
 import { Menu } from '~/components/Menu'
 import { ArrowLeftStartOnRectangleIcon } from '@heroicons/react/24/solid'
 
+import { getCollection } from 'astro:content'
+const courses = await getCollection('courses', ({ data }) => data.draft != true)
+
 const { title } = Astro.props
 const year = new Date().getFullYear()
 ---
@@ -42,7 +45,7 @@ const year = new Date().getFullYear()
 
     <section class="bg-lime-400 sticky top-0 z-10 py-3">
       <Container className="flex items-center">
-        <Menu client:load />
+        <Menu recentCourses={courses} client:load />
 
         <button
           class="bg-black hover:bg-white hover:text-black font-semibold py-2.5 px-3 rounded-md cursor-pointer ml-auto transition duration-150"