Fix guide image src (#90)

Author: jackcloudquery

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudquery/plugin-config-ui-lib",
   "description": "Plugin configuration UI library for CloudQuery Cloud App",
-  "version": "7.1.0",
+  "version": "7.1.1",
   "private": false,
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package.json

@@ -2,6 +2,7 @@ import Stack from '@mui/material/Stack';
 import Typography from '@mui/material/Typography';
 
 import { GuideSection, GuideSectionBody } from '../../../../types';
+import { parseSrc } from '../../../../utils/parseSrc';
 import { ConditionalRenderingWrapper } from '../../../controls/conditionalRenderingWrapper';
 import { CodeSnippet } from '../../codeSnippet';
 import { LightboxImage } from '../../lightboxImage';
@@ -50,7 +51,7 @@ function RenderGuideSectionBody({ body }: { body: GuideSectionBody }) {
   if (body.code) {
     return <CodeSnippet text={body.code} />;
   } else if (body.image) {
-    return <LightboxImage key={body.image} src={body.image} alt={body.text} />;
+    return <LightboxImage key={body.image} src={parseSrc(body.image)} alt={body.text} />;
   } else {
     return (
       <Typography component="div" variant="body1" color="textSecondary">