docs: enhance documentation with new modes and plugins

- Updated documentation to include new modes for configuring bknd (UI-only, Code-only, Hybrid).
- Introduced `syncSecrets` plugin example in the extending plugins documentation.
- Added `react-icons` dependency to package.json and package-lock.json.
- Enhanced various documentation pages with icons and improved content structure.

docs/lib/icons.tsx

@@ -0,0 +1,25 @@
+import { icons } from "lucide-react";
+import { TbBrandReact, TbBrandTypescript } from "react-icons/tb";
+
+const McpIcon = () => (
+   <svg
+      fill="currentColor"
+      fillRule="evenodd"
+      height="1em"
+      style={{ flex: "none", lineHeight: "1" }}
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+   >
+      <title>ModelContextProtocol</title>
+      <path d="M15.688 2.343a2.588 2.588 0 00-3.61 0l-9.626 9.44a.863.863 0 01-1.203 0 .823.823 0 010-1.18l9.626-9.44a4.313 4.313 0 016.016 0 4.116 4.116 0 011.204 3.54 4.3 4.3 0 013.609 1.18l.05.05a4.115 4.115 0 010 5.9l-8.706 8.537a.274.274 0 000 .393l1.788 1.754a.823.823 0 010 1.18.863.863 0 01-1.203 0l-1.788-1.753a1.92 1.92 0 010-2.754l8.706-8.538a2.47 2.47 0 000-3.54l-.05-.049a2.588 2.588 0 00-3.607-.003l-7.172 7.034-.002.002-.098.097a.863.863 0 01-1.204 0 .823.823 0 010-1.18l7.273-7.133a2.47 2.47 0 00-.003-3.537z" />
+      <path d="M14.485 4.703a.823.823 0 000-1.18.863.863 0 00-1.204 0l-7.119 6.982a4.115 4.115 0 000 5.9 4.314 4.314 0 006.016 0l7.12-6.982a.823.823 0 000-1.18.863.863 0 00-1.204 0l-7.119 6.982a2.588 2.588 0 01-3.61 0 2.47 2.47 0 010-3.54l7.12-6.982z" />
+   </svg>
+);
+
+export default {
+   ...icons,
+   React: TbBrandReact,
+   TypeScript: TbBrandTypescript,
+   Mcp: McpIcon,
+};

docs/lib/source.ts

@@ -1,23 +1,29 @@
 import { loader } from "fumadocs-core/source";
 import { docs } from "@/.source";
 import { createOpenAPI, attachFile } from "fumadocs-openapi/server";
-import { icons } from "lucide-react";
+import icons from "./icons";
 import { createElement } from "react";
+import { TbBrandReact, TbBrandTypescript } from "react-icons/tb";
+
+const add_icons = {
+   TypeScript: TbBrandTypescript,
+   React: TbBrandReact,
+};
 
 export const source = loader({
-  baseUrl: "/",
-  source: docs.toFumadocsSource(),
-  pageTree: {
-    // adds a badge to each page item in page tree
-    attachFile,
-  },
-  icon(icon) {
-    if (!icon) {
-      // You may set a default icon
-      return;
-    }
-    if (icon in icons) return createElement(icons[icon as keyof typeof icons]);
-  },
+   baseUrl: "/",
+   source: docs.toFumadocsSource(),
+   pageTree: {
+      // adds a badge to each page item in page tree
+      attachFile,
+   },
+   icon(icon) {
+      if (!icon) {
+         // You may set a default icon
+         return;
+      }
+      if (icon in icons) return createElement(icons[icon as keyof typeof icons]);
+   },
 });
 
 export const openapi = createOpenAPI();