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/source.config.ts

@@ -1,11 +1,5 @@
 import { remarkInstall } from "fumadocs-docgen";
-import {
-  defineConfig,
-  defineDocs,
-  frontmatterSchema,
-  metaSchema,
-} from "fumadocs-mdx/config";
-
+import { defineConfig, defineDocs, frontmatterSchema, metaSchema } from "fumadocs-mdx/config";
 import { transformerTwoslash } from "fumadocs-twoslash";
 import { createFileSystemTypesCache } from "fumadocs-twoslash/cache-fs";
 import { rehypeCodeDefaultOptions } from "fumadocs-core/mdx-plugins";
@@ -14,31 +8,31 @@ import { remarkAutoTypeTable } from "fumadocs-typescript";
 // You can customise Zod schemas for frontmatter and `meta.json` here
 // see https://fumadocs.vercel.app/docs/mdx/collections#define-docs
 export const docs = defineDocs({
-  docs: {
-    schema: frontmatterSchema,
-  },
-  meta: {
-    schema: metaSchema,
-  },
+   docs: {
+      schema: frontmatterSchema,
+   },
+   meta: {
+      schema: metaSchema,
+   },
 });
 
 export default defineConfig({
-  mdxOptions: {
-    remarkPlugins: [remarkInstall, remarkAutoTypeTable],
-    rehypeCodeOptions: {
-      lazy: true,
-      experimentalJSEngine: true,
-      langs: ["ts", "js", "html", "tsx", "mdx"],
-      themes: {
-        light: "light-plus",
-        dark: "dark-plus",
+   mdxOptions: {
+      remarkPlugins: [remarkInstall, remarkAutoTypeTable],
+      rehypeCodeOptions: {
+         lazy: true,
+         experimentalJSEngine: true,
+         langs: ["ts", "js", "html", "tsx", "mdx"],
+         themes: {
+            light: "light-plus",
+            dark: "dark-plus",
+         },
+         transformers: [
+            ...(rehypeCodeDefaultOptions.transformers ?? []),
+            transformerTwoslash({
+               typesCache: createFileSystemTypesCache(),
+            }),
+         ],
       },
-      transformers: [
-        ...(rehypeCodeDefaultOptions.transformers ?? []),
-        transformerTwoslash({
-          typesCache: createFileSystemTypesCache(),
-        }),
-      ],
-    },
-  },
+   },
 });