fixing CI check fails

Signed-off-by: yash37158 <yash37158@gmail.com>

Author: yash37158

src/components/SistentNavigation/index.js

@@ -1,14 +1,11 @@
 import React, { useState } from "react";
 import { HiOutlineChevronLeft } from "@react-icons/all-files/hi/HiOutlineChevronLeft";
 import { Link } from "gatsby";
-import { IoMdClose } from "@react-icons/all-files/io/IoMdClose";
-import { IoIosArrowDropdownCircle } from "@react-icons/all-files/io/IoIosArrowDropdownCircle";
 import { IoIosArrowForward } from "@react-icons/all-files/io/IoIosArrowForward";
 import { componentsData } from "../../sections/Projects/Sistent/components/content";
 
 import TOCWrapper from "./toc.style";
 import { IoIosArrowDown } from "@react-icons/all-files/io/IoIosArrowDown";
-import { IoIosArrowUp } from "@react-icons/all-files/io/IoIosArrowUp";
 
 import { useLocation } from "@reach/router";
 

src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-features.js

@@ -164,17 +164,17 @@ const KanvasisualizerFeatures = () => {
             </div>
           </Col>
           <Col $sm={12} $md={6} $lg={4}>
-          <a href="https://docs.layer5.io/kanvas/operator/" style={{ textDecoration: 'none', color: 'inherit', display: 'block' }}>
-            <div className={(isHovered && hoveredFeature != "Feature3") ? "project__block__inner darken" : "project__block__inner"} onMouseOver={() => handleMouseOver(3)} onMouseOut={handleMouseOut}>
-              <div className="feature-image">
-                <img src={InteractiveTerminal} alt="Interactive Terminal" style={{ position: "absolute", width: "80%", zIndex: "0" }} />
-                <img src={InteractiveTerminalCode} alt="" className={hoveredFeature == "Feature3" ? "secondary-image-visible" : "secondary-image"} style={{ position: "relative", width: "80%", zIndex: "10" }} />
+            <a href="https://docs.layer5.io/kanvas/operator/" style={{ textDecoration: "none", color: "inherit", display: "block" }}>
+              <div className={(isHovered && hoveredFeature != "Feature3") ? "project__block__inner darken" : "project__block__inner"} onMouseOver={() => handleMouseOver(3)} onMouseOut={handleMouseOut}>
+                <div className="feature-image">
+                  <img src={InteractiveTerminal} alt="Interactive Terminal" style={{ position: "absolute", width: "80%", zIndex: "0" }} />
+                  <img src={InteractiveTerminalCode} alt="" className={hoveredFeature == "Feature3" ? "secondary-image-visible" : "secondary-image"} style={{ position: "relative", width: "80%", zIndex: "10" }} />
+                </div>
+                <h3>Interactive Terminal</h3>
+                <p>Establish sessions with one or more pods at a time.</p>
+                <DocsIcon style={{ position: "absolute", top: "16px", right: "16px", color: "#00D3A9" }} className="docs" />
               </div>
-              <h3>Interactive Terminal</h3>
-              <p>Establish sessions with one or more pods at a time.</p>
-              <DocsIcon style={{ position: 'absolute', top: '16px', right: '16px', color: '#00D3A9' }} className="docs" />
-            </div>
-          </a>
+            </a>
           </Col>
           <Col $sm={12} $md={6} $lg={4}>
             <div className={(isHovered && hoveredFeature != "Feature4") ? "project__block__inner darken" : "project__block__inner"} onMouseOver={() => handleMouseOver(4)} onMouseOut={handleMouseOut}>
@@ -191,7 +191,7 @@ const KanvasisualizerFeatures = () => {
               <div className="feature-image">
                 <img src={isDark ? ServicePerformanceGearDark : ServicePerformanceGearLight} alt="Service Performance" style={{ position: "absolute", zIndex: "0" }} />
                 <ServicePerformanceMeter alt="" className={hoveredFeature == "Feature5" ? "meter-visible" : "secondary-image"}
-                  style={{ height: "auto", width: "70%",position: "relative", zIndex: "10", transformOrigin: "center center" }}
+                  style={{ height: "auto", width: "70%", position: "relative", zIndex: "10", transformOrigin: "center center" }}
                 />
               </div>
               <h3>Service Performance</h3>

src/sections/Meshery/Meshery-mange-mesh/index.js

@@ -1,11 +1,7 @@
 import React from "react";
-import { Col, Container, Row } from "../../../reusecore/Layout";
+import { Container } from "../../../reusecore/Layout";
 import styled from "styled-components";
-import Button from "../../../reusecore/Button";
-import { GiClockwork } from "@react-icons/all-files/gi/GiClockwork";
-import { StaticImage } from "gatsby-plugin-image";
 import KanvasVisualizerViews from "../../Home/Playground-home";
-const  MultiMesh = "./multi-mesh.svg";
 
 const ManageMeshWrapper = styled.div`
   margin: 4rem auto;

src/sections/Projects/Sistent/components/text-input/code.js

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React from "react";
 import { navigate } from "gatsby";
 import { useLocation } from "@reach/router";
 
@@ -58,7 +58,6 @@ const codes = [
 const TextInputCode = () => {
   const location = useLocation();
   const { isDark } = useStyledDarkMode();
-  const [inputValue, setInputValue] = useState("");
 
   return (
     <SistentLayout title="Text Input">

src/sections/Projects/Sistent/identity/color/code.js

@@ -404,7 +404,6 @@ const componentColors = [
 
 const CopyColor = ({ hex , token }) => {
   const [copyText, setCopyText] = useState("Copy");
-  const [showCopy, setShowCopy] = useState(false);
 
   const handleCopy = async () => {
     await copyToClipboard(hex || token);
@@ -433,8 +432,6 @@ const CopyColor = ({ hex , token }) => {
               theme.palette.action?.hover || "rgba(0, 0, 0, 0.04)",
           },
         }}
-        onMouseEnter={() => setShowCopy(true)}
-        onMouseLeave={() => setShowCopy(false)}
         onClick={handleCopy}
       >
         <span>{hex || token }</span>