Remove unused components in docs, fix errors, improve docs workflow

.github/workflows/docs.yml

@@ -13,6 +13,8 @@ jobs:
     steps:
       - name: Checkout repository
         uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
       - uses: actions/setup-node@v4
         with:
           node-version: 20

docs/package.json

@@ -10,15 +10,13 @@
     "fmt": "bun prettier --write ."
   },
   "dependencies": {
-    "@heroicons/react": "^2.2.0",
     "@tabler/icons-react": "^3.29.0",
     "geist": "^1.3.1",
     "next": "15.1.5",
     "nextra": "^4.1.0",
     "nextra-theme-docs": "^4.1.0",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "react-dom": "^19.0.0"
-    "tailwind-merge": "^2.6.0"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.2.0",

docs/src/app/[...mdxPath]/page.tsx

@@ -4,7 +4,7 @@ import { useMDXComponents } from "@/mdx-components";
 export const generateStaticParams = generateStaticParamsFor("mdxPath");
 
 interface Props {
-  params: { mdxPath: string[] };
+  params: Promise<{ mdxPath: string[] }>;
 }
 
 export async function generateMetadata(props: Props) {

docs/src/app/components/Button.tsx

@@ -1,23 +0,0 @@
-import Link from "next/link";
-import { ReactNode } from "react";
-import { twMerge } from "tailwind-merge";
-
-interface ButtonProps {
-  href: string;
-  className?: string;
-  children: ReactNode;
-}
-
-export default function Button({ href, className, children }: ButtonProps) {
-  return (
-    <Link
-      href={href}
-      className={twMerge(
-        "flex items-center justify-center rounded-md border border-transparent px-8 py-3 text-base font-medium no-underline transition-colors duration-200 md:text-lg md:leading-6",
-        className,
-      )}
-    >
-      {children}
-    </Link>
-  );
-}

docs/src/app/components/Thing.tsx

@@ -1,26 +0,0 @@
-import React, { ReactNode, createElement } from "react";
-
-export function Thing({
-  title,
-  icon,
-  content,
-}: {
-  title: string;
-  icon: ReactNode;
-  content: string;
-}) {
-  const iconElement = createElement(icon, {
-    className: "text-black size-7 dark:text-white inline mr-2",
-  });
-  return (
-    <div>
-      {iconElement}
-      <span className="align-middle text-2xl font-bold text-black dark:text-white">
-        {title}
-      </span>
-      <p className="text-2xl font-semibold text-neutral-500 dark:text-neutral-500">
-        {content}
-      </p>
-    </div>
-  );
-}

docs/src/content/docs/integrations.mdx

@@ -1,4 +1,5 @@
 import { Callout, Cards } from "nextra/components";
+import { IconServer, IconTerminal } from "@tabler/icons-react"
 
 # Integrations