feat: add basic webui

packages/cms/components/toc.tsx

@@ -0,0 +1,31 @@
+import { getTableOfContents } from 'fumadocs-core/server';
+
+type TableOfContentsProperties = {
+  data: string;
+};
+
+export const TableOfContents = async ({
+  data,
+}: TableOfContentsProperties) => {
+  const toc = await getTableOfContents(data);
+
+  return (
+    <ul className="flex list-none flex-col gap-2 text-sm">
+      {toc.map((item) => (
+        <li
+          key={item.url}
+          style={{
+            paddingLeft: `${item.depth - 2}rem`,
+          }}
+        >
+          <a
+            href={item.url}
+            className="line-clamp-3 flex rounded-sm text-foreground text-sm underline decoration-foreground/0 transition-colors hover:decoration-foreground/50"
+          >
+            {item.title}
+          </a>
+        </li>
+      ))}
+    </ul>
+  );
+};