fix build

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

Author: saurabhraghuvanshii

package-lock.json

@@ -70,13 +70,13 @@
     "gatsby-plugin-preload-fonts": "^4.11.0",
     "gatsby-plugin-purgecss": "^6.2.1",
     "gatsby-plugin-robots-txt": "^1.8.0",
-    "gatsby-plugin-sharp": "^5.11.0",
+    "gatsby-plugin-sharp": "^5.15.0",
     "gatsby-plugin-sitemap": "^6.11.0",
     "gatsby-plugin-styled-components": "^6.14.0",
     "gatsby-plugin-svgr": "^3.0.0-beta.0",
     "gatsby-redirect-from": "1.0.4",
     "gatsby-source-filesystem": "^5.14.0",
-    "gatsby-transformer-sharp": "^5.11.0",
+    "gatsby-transformer-sharp": "^5.15.0",
     "gbimage-bridge": "^0.2.2",
     "gray-matter": "^4.0.3",
     "gsap": "^3.12.2",

package.json

@@ -33,13 +33,15 @@ A tool to make Protobuf reliable and easy to use for service owners and clients,
 Our organization should not have to reinvent the wheel to create, maintain, and consume Protobuf APIs efficiently and effectively. It will handle our Protobuf management strategy for us, so we can focus on what matters.
 
 <div className="fact">
-	Learn more about Buf Protocol, visit{" "}
+	Learn more about Buf Protocol, visit
 	<a href="https://buf.build" rel="nofollow">
-		Buf Protocol
-	</a>{" "}
-	or their documentation at{" "}
+		{" "}
+		Buf Protocol{" "}
+	</a>
+	or their documentation at
 	<a href="https://docs.buf.build/" rel="nofollow">
-		Buf Protocol Docs
+		{" "}
+		Buf Protocol Docs{" "}
 	</a>
 </div>
 
@@ -92,10 +94,10 @@ In consideration of the use of Buf, we would adopt it in phases, starting with t
   - For example, type change.
 
 <div className="intro">
-	If these topics excite you and you want to explore more{" "}
-	<a href="/resources">cloud native technolgies</a>, come and say "Hi" on the
-	community <a href="http://slack.layer5.io">Slack</a> and you are sure to be
-	warmly welcomed. <span>😀</span>
+	If these topics excite you and you want to explore more
+	<a href="/resources"> cloud native technolgies </a>, come and say "Hi" on the community{" "}
+	<a href="http://slack.layer5.io"> Slack </a> and you are sure to be warmly welcomed.{" "}
+	<span>😀</span>
 </div>
 
 </BufProtocol>

src/collections/blog/2021/2021-04-24-buf-protocols/index.mdx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from "react";
-import styled, { css } from "styled-components";
+import styled from "styled-components";
 import { useInView } from "react-intersection-observer";
 
 const QuotesWrapper = styled.div`

src/components/Inline-quotes/index.js

@@ -32,7 +32,8 @@ const validatePictureUrl = (value) => {
         if (!allowedImageExtensions.includes(extension)) {
           error = "URL must point to an image file (jpg, jpeg, png, svg, webp or gif).";
         }
-      } catch (_) {
+      } catch (error) {
+        console.error("Error in validatePictureUrl:", error);
         error = "Please enter a URL to an image file.";
       }
     }

src/sections/Community/Web-based-from/index.js

@@ -10,7 +10,8 @@ const RotationalBanner = () => {
   let initialValue;
   try {
     initialValue = sessionStorage.getItem("banner") || 1;
-  } catch (e) {
+  } catch (error) {
+    console.error("Error in sessionStorage.getItem('banner'):", error);
     initialValue = 1;
   }