fix: markdown style for the About page

src/pages/about.astro

@@ -5,6 +5,7 @@ import MainGridLayout from "../layouts/MainGridLayout.astro";
 import { getEntry } from 'astro:content'
 import {i18n} from "../i18n/translation";
 import I18nKey from "../i18n/i18nKey";
+import Markdown from "../components/misc/Markdown.astro";
 
 const aboutPost = await getEntry('spec', 'about')
 
@@ -14,9 +15,9 @@ const { Content } = await aboutPost.render()
 <MainGridLayout title={i18n(I18nKey.about)}>
     <div class="flex w-full rounded-[var(--radius-large)] overflow-hidden relative min-h-[120px]">
         <div class="card-base z-10 px-9 py-6 relative w-full ">
-            <div class="prose dark:prose-invert max-w-none prose-h1:text-3xl">
+            <Markdown class="mt-2">
                 <Content />
-            </div>
+            </Markdown>
         </div>
     </div>
 </MainGridLayout>