fix: enable svg thumbnail support in Card and listing queries

Signed-off-by: Rishi Raj <rishiraj438gt@gmail.com>

Author: rishiraj38

src/components/Card/index.js

@@ -15,8 +15,8 @@ const Card = ({ frontmatter, fields, loading = "lazy", fetchpriority = "auto" })
       <div className="post-block">
         <div className="post-thumb-block">
           <Image
-            {...((isDark && frontmatter.darkthumbnail && frontmatter.darkthumbnail.publicURL !== frontmatter.thumbnail.publicURL)
-              ? frontmatter.darkthumbnail : frontmatter.thumbnail)}
+            {...((isDark && (frontmatter.darkthumbnail || frontmatter.darkthumbnail_svg) && (frontmatter.darkthumbnail?.publicURL || frontmatter.darkthumbnail_svg?.publicURL) !== (frontmatter.thumbnail?.publicURL || frontmatter.thumbnail_svg?.publicURL))
+              ? (frontmatter.darkthumbnail || frontmatter.darkthumbnail_svg) : (frontmatter.thumbnail || frontmatter.thumbnail_svg))}
             imgStyle={{ objectFit: "contain" }}
             loading={loading}
             fetchpriority={fetchpriority}

src/pages/blog/index.js

@@ -25,13 +25,21 @@ export const query = graphql`query allBlogs {
             gatsbyImageData(layout: FULL_WIDTH)
           }
         }
+        thumbnail_svg {
+          extension
+          publicURL
+        }
         darkthumbnail {
           extension
           publicURL
           childImageSharp {
             gatsbyImageData(layout: FULL_WIDTH)
           }
         }
+        darkthumbnail_svg {
+          extension
+          publicURL
+        }
       }
       fields {
         slug