feat(docs): migrate documentation site into monorepo (#5912)

apps/docs/src/components/ui/badge.tsx

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+
+interface BadgeProps {
+  children: ReactNode;
+}
+
+export const Badge = ({ children }: BadgeProps) => {
+  return (
+    <span className="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap  overflow-hidden border-transparent dark:bg-slate-700 bg-slate-200">
+      {children}
+    </span>
+  );
+};

apps/docs/src/components/ui/header.tsx

@@ -0,0 +1,29 @@
+import { ReactNode } from "react";
+import { Badge } from "../ui/badge";
+
+interface DocsHeaderProps {
+  title: string;
+  description: string;
+  icon: ReactNode;
+  categories: string[];
+}
+
+export const DocsHeader = (props: DocsHeaderProps) => {
+  return (
+    <div className="flex gap-4 mt-4">
+      {props.icon}
+
+      <div>
+        <div className="flex gap-4 items-center">
+          <h1 className="!mb-0 text-4xl">{props.title}</h1>
+          <div className="flex gap-2">
+            {props.categories.map((category) => (
+              <Badge>{category}</Badge>
+            ))}
+          </div>
+        </div>
+        <p>{props.description}</p>
+      </div>
+    </div>
+  );
+};