docs: plugin image zoom

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>

packages/noco-docs/docusaurus.config.js

@@ -34,6 +34,7 @@ const config = {
 
   plugins: [
     "docusaurus-plugin-sass",
+    "plugin-image-zoom",
     [
       "@docusaurus/plugin-ideal-image",
       {
@@ -133,6 +134,19 @@ const config = {
         theme: lightCodeTheme,
         darkTheme: darkCodeTheme,
       },
+      imageZoom: {
+        // CSS selector to apply the plugin to, defaults to '.markdown img'
+        selector: ".markdown img",
+        // Optional medium-zoom options
+        // see: https://www.npmjs.com/package/medium-zoom#options
+        // options: {
+        //   margin: 24,
+        //   background: "#BADA55",
+        //   scrollOffset: 0,
+        //   container: "#zoom-container",
+        //   template: "#zoom-template",
+        // },
+      },
     }),
   clientModules: [require.resolve("./src/modules/tele.js")],
 };