Add markdown content from old page with toc

Author: nikoshell

src/components/ui/MarkdownContent.astro

@@ -0,0 +1,8 @@
+---
+import Markdown from "@ui/Markdown.astro";
+
+const content = await Astro.slots.render('default')
+
+---
+
+<Markdown content={content} />

src/content/pages/_sprints.md renamed to src/content/pages/sprints_info.md

@@ -1,26 +1,32 @@
 ---
 import { getCollection } from 'astro:content';
-import Layout from '@layouts/SectionLayout.astro';
+import { getEntry, render } from 'astro:content';
+import Layout from '@layouts/MarkdownLayout.astro';
 import SprintCard from '@components/SprintCard.astro';
 import Headline from "@ui/Headline.astro"
+import Markdown from "@ui/Markdown.astro";
+import TwoCols from "@components/TwoCols.astro";
+import Prose from "@ui/Prose.astro";
+
+const entry = await getEntry('pages', 'sprints_info');
+
+if (!entry) {
+  throw new Error('Could not find page entry.');
+}
+
+console.log(entry)
+const { Content } = await render(entry);
 
 const sprints = await getCollection("sprints", ({ data }) => {
   return import.meta.env.MODE === "production" ? data.draft !== true : true;
 });
 
 ---
 
-<Layout title="Sprints & Workshops" description="All in one">
-      <header class="text-center mb-12">
-        <Headline title="Sprints & Workshops" />
-        <p class="text-xl text-gray-600 max-w-2xl mx-auto leading-relaxed">
-          Join collaborative coding sessions and hands-on workshops.
-          Connect with maintainers, contribute to open source projects,
-          and learn new skills alongside fellow Python enthusiasts.
-        </p>
-      </header>
-
-      <div class="flex flex-wrap gap-8 justify-center mb-8">
+<Layout title=`${entry.title}` description=`${entry.description}` toc=true>
+
+      <Markdown content={entry.body} />
+      <div class="flex flex-wrap gap-8 justify-center my-8">
         <div class="flex flex-col gap-2">
           <label for="level-filter" class="font-semibold text-gray-700 text-lg">Python Level:</label>
           <select id="level-filter" class="px-4 py-2 border border-gray-300 rounded-lg bg-white text-lg min-w-[150px] focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">