Add guidelines

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>
+  );
+}