feat: cleaner api rendering

packages/website-ue/src/components/MarkdownCustom/index.module.css

@@ -0,0 +1,5 @@
+.markdown {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-4);
+}

packages/website-ue/src/components/MarkdownCustom/index.tsx

@@ -0,0 +1,21 @@
+import Markdown from "react-markdown";
+import { Text } from "../Text";
+import styles from "./index.module.css";
+
+interface Props {
+  body: string;
+}
+
+export function MarkdownCustom({ body }: Props) {
+  return (
+    <div className={styles.markdown}>
+      <Markdown
+        components={{
+          p: Text,
+        }}
+      >
+        {body}
+      </Markdown>
+    </div>
+  );
+}