fix(website): smooth docs navigation and improve lighthouse

packages/website/src/routes/docs/$.tsx

@@ -1,8 +1,7 @@
 import { createFileRoute } from "@tanstack/react-router";
-import { MarkdownAsync } from "react-markdown";
+import { DocsMarkdown } from "~/components/docs-markdown";
 import { DocsSourceFooter } from "~/components/docs-source-footer";
 import { getDoc } from "~/docs";
-import { docsRehypePlugins, docsRemarkPlugins } from "~/docs-rehype";
 import { pageMeta } from "~/meta";
 
 export const Route = createFileRoute("/docs/$")({
@@ -23,7 +22,7 @@ function DocsPage() {
   return <RenderedDoc slug={slug} />;
 }
 
-async function RenderedDoc({ slug }: { slug: string }) {
+function RenderedDoc({ slug }: { slug: string }) {
   const doc = getDoc(slug);
 
   if (!doc) {
@@ -32,9 +31,7 @@ async function RenderedDoc({ slug }: { slug: string }) {
 
   return (
     <>
-      <MarkdownAsync remarkPlugins={docsRemarkPlugins} rehypePlugins={docsRehypePlugins}>
-        {doc.content}
-      </MarkdownAsync>
+      <DocsMarkdown>{doc.content}</DocsMarkdown>
       <DocsSourceFooter doc={doc} />
     </>
   );

packages/website/src/routes/docs/index.tsx

@@ -1,8 +1,7 @@
 import { createFileRoute } from "@tanstack/react-router";
-import { MarkdownAsync } from "react-markdown";
+import { DocsMarkdown } from "~/components/docs-markdown";
 import { DocsSourceFooter } from "~/components/docs-source-footer";
 import { getDoc } from "~/docs";
-import { docsRehypePlugins, docsRemarkPlugins } from "~/docs-rehype";
 import { pageMeta } from "~/meta";
 
 export const Route = createFileRoute("/docs/")({
@@ -16,14 +15,12 @@ export const Route = createFileRoute("/docs/")({
   component: DocsIndex,
 });
 
-async function DocsIndex() {
+function DocsIndex() {
   const doc = getDoc("");
   if (!doc) return <p className="text-muted-foreground">Doc not found.</p>;
   return (
     <>
-      <MarkdownAsync remarkPlugins={docsRemarkPlugins} rehypePlugins={docsRehypePlugins}>
-        {doc.content}
-      </MarkdownAsync>
+      <DocsMarkdown>{doc.content}</DocsMarkdown>
       <DocsSourceFooter doc={doc} />
     </>
   );