handling iso date strings

nextjs/src/app/page.tsx

@@ -1,12 +1,13 @@
 "use client"
 import { useLocalCoursesQuery } from "@/hooks/localCoursesHooks";
+import Link from "next/link";
 
 export default function Home() {
   const { data: courses } = useLocalCoursesQuery();
   return (
     <main className="flex min-h-screen flex-col items-center justify-between p-24">
       {courses.map((c) => (
-        <div key={c.settings.name}>{c.settings.name} </div>
+        <Link href={`/course/${c.settings.name}`} key={c.settings.name}>{c.settings.name} </Link>
       ))}
     </main>
   );