docs: mcp (#243)

* added mcp documentation

* added mcp docs

docs/components/misc/Wrapper.tsx

@@ -0,0 +1,16 @@
+import { cn } from "@/lib/cn";
+import type { HTMLAttributes } from "react";
+
+export function Wrapper(props: HTMLAttributes<HTMLDivElement>) {
+   return (
+      <div
+         {...props}
+         className={cn(
+            "rounded-lg bg-radial-[at_bottom] from-fd-primary/10 p-4 border bg-origin-border border-fd-accent-primary/10 prose-no-margin dark:bg-black/20",
+            props.className,
+         )}
+      >
+         {props.children}
+      </div>
+   );
+}