From 6ff04f321dfb61ac5c42216357867d37ba2d7465 Mon Sep 17 00:00:00 2001
From: Citali <git@fellies.email>
Date: Thu, 5 Feb 2026 16:04:19 +0100
Subject: [PATCH] Fix the about page image display

---
 src/app/(normal)/about/page.tsx | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/app/(normal)/about/page.tsx b/src/app/(normal)/about/page.tsx
index 88a642b..e0df047 100644
--- a/src/app/(normal)/about/page.tsx
+++ b/src/app/(normal)/about/page.tsx
@@ -1,4 +1,5 @@
 import { prisma } from "@/lib/prisma";
+import Image from "next/image";
 import ReactMarkdown from "react-markdown";
 
 export default async function AboutPage() {
@@ -9,7 +10,24 @@ export default async function AboutPage() {
   return (
     <div className="mx-auto w-full max-w-6xl px-4 py-8">
       <div className="markdown text-center">
-        <ReactMarkdown>{about?.markdown}</ReactMarkdown>
+        <ReactMarkdown
+          components={{
+            img: ({ src, alt }) => {
+              if (!src || typeof src !== "string") return null;
+              return (
+                <Image
+                  src={src}
+                  alt={alt ?? ""}
+                  width={1200}
+                  height={800}
+                  className="max-w-full h-auto rounded-md border border-border"
+                />
+              );
+            },
+          }}
+        >
+          {about?.markdown}
+        </ReactMarkdown>
       </div>
     </div>
   );