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

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