fix build errors 1

Signed-off-by: Rajesh-Nagarajan-11 <rajeshnagarajan36@gmail.com>

Author: Rajesh-Nagarajan-11

src/collections/handbook/about/index.mdx

@@ -4,7 +4,6 @@ description: "Learn about Layer5's mission, goals, and how to get started contri
 type: Handbook
 ---
 
-import { HandbookWrapper } from "../../../sections/Community/Handbook/Handbook.style.js";
 import { Container, Row, Col } from "../../../reusecore/Layout";
 import NewcomersMap from "../../../sections/Community/Newcomers-guide/newcomers-map";
 import IntraPage from "../../../components/handbook-navigation/intra-page";

src/collections/handbook/code-of-conduct/index.mdx

@@ -4,8 +4,6 @@ description: "Layer5 follows the CNCF Code of Conduct to ensure a welcoming and
 type: Handbook
 ---
 
-import { HandbookWrapper } from "../../../sections/Community/Handbook/Handbook.style.js";
-import { Container } from "../../../reusecore/Layout";
 import Point from "../community/bullet.svg";
 
 <h2 className="heading-top">Community Code of Conduct</h2>

src/collections/handbook/community/index.mdx

@@ -4,8 +4,6 @@ description: "Community guidelines and resources for the Layer5 open source comm
 type: Handbook
 ---
 
-import { HandbookWrapper } from "../../../sections/Community/Handbook/Handbook.style.js";
-import { Container } from "../../../reusecore/Layout";
 import { Link } from "gatsby";
 import Point from "./bullet.svg";
 import IntraPage from "../../../components/handbook-navigation/intra-page";

src/collections/handbook/connect-with-us/index.mdx

@@ -5,7 +5,7 @@ type: Handbook
 ---
 
 import { Container } from "../../../reusecore/Layout";
-import { ReactComponent as TwitterIcon } from "../../../assets/images/socialIcons/twitter.svg";
+import twitter_icon from "../../../assets/images/socialIcons/twitter.svg";
 import mail_icon from "../../../assets/images/socialIcons/mail_keppel.svg";
 import youtube_icon from "../../../assets/images/socialIcons/youtube-light.svg";
 import github_icon from "../../../assets/images/socialIcons/github-light.svg";
@@ -88,7 +88,7 @@ Layer5 is dedicated to empowering engineers and supporting the open source commu
 
 <div>
   <p className="channels-para">
-    <TwitterIcon className="twitter" />
+    <img className="channels-img" src={twitter_icon} alt="twitter" />
     &nbsp;&nbsp;
     <a href="https://x.com/layer5">@layer5</a>,&nbsp;
     <a href="https://x.com/mesheryio">@mesheryio</a>

src/sections/Community/Handbook/handbook-single/HandbookPagination.js

@@ -1,14 +1,14 @@
 import React from "react";
 import { Link } from "gatsby";
-import { PaginationWrapper } from "../../../../components/handbook-navigation/TocPagination.style";
+import TocPaginationWrapper from "../../../../components/handbook-navigation/TocPagination.style";
 
 const HandbookPagination = ({ pages, currentSlug }) => {
   const currentIndex = pages.findIndex(page => page.fields.slug === currentSlug);
   const prevPage = currentIndex > 0 ? pages[currentIndex - 1] : null;
   const nextPage = currentIndex < pages.length - 1 ? pages[currentIndex + 1] : null;
 
   return (
-    <PaginationWrapper>
+    <TocPaginationWrapper>
       {prevPage && (
         <Link to={prevPage.fields.slug} className="prev">
           ← {prevPage.frontmatter.title}
@@ -19,7 +19,7 @@ const HandbookPagination = ({ pages, currentSlug }) => {
           {nextPage.frontmatter.title} →
         </Link>
       )}
-    </PaginationWrapper>
+    </TocPaginationWrapper>
   );
 };
 

src/sections/Community/Handbook/handbook-single/HandbookTOC.js

@@ -1,10 +1,10 @@
 import React from "react";
 import { Link } from "gatsby";
-import { TocWrapper } from "../../../../components/handbook-navigation/toc.style";
+import TOCWrapper from "../../../../components/handbook-navigation/toc.style";
 
 const HandbookTOC = ({ pages, currentSlug }) => {
   return (
-    <TocWrapper>
+    <TOCWrapper>
       <div className="toc-list go-top">
         <h3>Community Handbook</h3>
         <ul>
@@ -17,7 +17,7 @@ const HandbookTOC = ({ pages, currentSlug }) => {
           ))}
         </ul>
       </div>
-    </TocWrapper>
+    </TOCWrapper>
   );
 };