feat: cleaner api rendering

packages/website-ue/src/components/ApiGroup.astro

@@ -1,14 +1,17 @@
 ---
 import type { CollectionEntry } from "astro:content";
+import { api } from "../core/api/dynamic";
 import { Code } from "./Code";
 import { Heading } from "./Heading";
 import { MarkdownCustom } from "./MarkdownCustom";
 
 interface Props {
+  locale: string;
   apis: CollectionEntry<"api">[];
 }
 
-const { apis } = Astro.props;
+const { apis, locale } = Astro.props;
+const strings = await api.strings(locale);
 ---
 
 <style>
@@ -16,6 +19,10 @@ const { apis } = Astro.props;
     display: flex;
     flex-direction: column;
     gap: var(--space-4);
+
+    .docs {
+      margin-left: var(--space-5);
+    }
   }
 </style>
 
@@ -28,7 +35,10 @@ const { apis } = Astro.props;
           <Code>{api.id}</Code>
         </Heading>
 
-        <MarkdownCustom body={api.data.docs ?? ""} />
+        <MarkdownCustom
+          className="docs"
+          body={api.data.docs ?? strings.api.no_docs}
+        />
       </div>
     ))
 }