fix /community broken image

Signed-off-by: saurabhraghuvanshii <saurabhsraghuvanshi@gmail.com>

Author: saurabhraghuvanshii

src/assets/images/discuss/layer5-discuss-white.webp

@@ -1,14 +1,14 @@
 import React, { useEffect, useState } from "react";
-import { graphql, Link, useStaticQuery } from "gatsby";
+import { graphql, Link, useStaticQuery, withPrefix } from "gatsby";
 import slugify from "../../../utils/slugify";
 
 import BlogSideBarWrapper from "./blogSidebar.style";
 import { HiOutlineChevronUp } from "@react-icons/all-files/hi/HiOutlineChevronUp";
 import { HiOutlineChevronDown } from "@react-icons/all-files/hi/HiOutlineChevronDown";
 // import { FaSearch } from "@react-icons/all-files/fa/FaSearch";
 
-const Discuss = "/images/layer5-discuss-white.webp";
-const FiveandFriendsAdventures = "/images/five-and-friends.webp";
+const Discuss = withPrefix("/images/layer5-discuss-white.webp");
+const FiveandFriendsAdventures = withPrefix("/images/five-and-friends.webp");
 
 const Sidebar = ({ pageContext }) => {
   const data = useStaticQuery(graphql`

src/sections/Blog/Blog-sidebar/index.js

@@ -1,9 +1,10 @@
 import React from "react";
+import { withPrefix } from "gatsby";
 import { Col } from "../../reusecore/Layout";
 import SectionTitle from "../../reusecore/SectionTitle";
 import DiscussWrapper from "./discuss.style";
 
-const Discuss = "../../assets/images/discuss/layer5-discuss-white.webp";
+const Discuss = withPrefix("/images/layer5-discuss-white.webp");
 
 const DiscussCallout = () => {
   return (
@@ -46,4 +47,4 @@ const DiscussCallout = () => {
   );
 };
 
-export default DiscussCallout;
+export default DiscussCallout;