fix: page prose styling

src/components/Button.astro

@@ -6,7 +6,7 @@ interface Props {
 
 const { href, text } = Astro.props as Props;
 ---
-<div class="mt-6">
+<div class="mt-6 not-prose">
   <a
     class="inline-flex items-center py-3 px-6 text-base font-medium text-white no-underline rounded-md duration-200 ease-in-out hover:bg-white focus:bg-white bg-blue-primary transition-color hover:text-blue-primary focus:text-blue-primary"
     href={href}

src/components/Markdown.astro

@@ -8,7 +8,7 @@ const { overrideLinkColours } = Astro.props as Props;
 
 <div
   class:list={[
-    "prose prose-p:text-black prose-a:font-light prose-a:text-blue-primary prose-p:text-lg prose-blockquote:border-blue-primary dark:marker:text-white prose-li:my-1 prose-li:text-lg prose-figcaption:text-white prose-li:text-black marker:text-black dark:prose-p:text-white dark:prose-invert dark:prose-a:text-blue-400 dark:prose-blockquote:border-blue-400 dark:prose-li:text-white hover:prose-a:no-underline prose-h2:text-xl prose-code:font-normal prose-h2:mb-4 prose-ul:my-3",
+    "prose prose-p:text-black prose-a:font-light prose-a:text-blue-primary prose-p:text-lg prose-blockquote:border-blue-primary dark:marker:text-white prose-li:my-1 prose-li:text-lg prose-figcaption:text-white prose-li:text-black marker:text-black dark:prose-p:text-white dark:prose-invert dark:prose-a:text-blue-400 dark:prose-blockquote:border-blue-400 dark:prose-li:text-white hover:prose-a:no-underline prose-h2:text-xl prose-code:font-normal prose-h2:mb-4 prose-ul:my-3 dark:prose-hr:border-grey-400",
     {
       "prose-a:text-blue-primary dark:prose-a:text-blue-400 prose-headings:text-current":
         overrideLinkColours,

src/layouts/PageLayout.astro

@@ -1,9 +1,12 @@
 ---
 import BaseLayout from "./Layout.astro";
+import Markdown from "~/components/Markdown.astro";
 
 const { title } = Astro.props.frontmatter || Astro.props;
 ---
 
 <BaseLayout title={title}>
-  <slot />
+  <Markdown>
+    <slot />
+  </Markdown>
 </BaseLayout>