Add guidelines

src/app/(normal)/commissions/page.tsx

@@ -1,4 +1,5 @@
 import { CommissionCard } from "@/components/commissions/CommissionCard";
+import CommissionGuidelines from "@/components/commissions/CommissionGuidelines";
 import { CommissionOrderForm } from "@/components/commissions/CommissionOrderForm";
 import { prisma } from "@/lib/prisma";
 
@@ -19,6 +20,7 @@ export default async function CommissionsPage() {
         {commissions.map((commission) => (
           <CommissionCard key={commission.id} commission={commission} />
         ))}
+        <CommissionGuidelines />
       </div>
       <hr />
       <h2 className="text-2xl font-semibold">Request a Commission</h2>

src/components/commissions/CommissionGuidelines.tsx

@@ -0,0 +1,21 @@
+import { prisma } from "@/lib/prisma";
+import ReactMarkdown from 'react-markdown';
+import { Card, CardContent } from "../ui/card";
+
+export default async function CommissionGuidelines() {
+  const guidelines = await prisma.commissionGuidelines.findFirst({
+    where: { isActive: true }
+  })
+
+  return (
+    <div className="flex flex-col h-full">
+      <Card className="flex flex-col flex-1">
+        <CardContent className="flex flex-col justify-start gap-4">
+          <div className="markdown">
+            <ReactMarkdown>{guidelines?.markdown}</ReactMarkdown>
+          </div>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}