fix: Web Security | sidebar icons

src/components/WebSecurity/CodeReviews/CodeReview.jsx

@@ -3,7 +3,7 @@ import { codeReviewData } from "./CodeReviewData";
 import Labs from "../Common/Labs/Labs";
 
 const CodeReview = () => {
-    return <Labs LabData={codeReviewData} />;
+    return <Labs LabData={codeReviewData} heading={"Code Review"} />;
 };
 
 export default CodeReview;

src/components/WebSecurity/Common/Labs/Labs.jsx

@@ -6,7 +6,7 @@ import { LevelButton } from "./RoomCardElement";
 import Sidebar from "../../Sidebar";
 import { Input } from "../SubmissionBoxElements";
 
-const Labs = ({ LabData }) => {
+const Labs = ({ LabData, heading }) => {
     const [levelActive, setLevelActive] = useState("All");
     const [categoryActive, setCategoryActive] = useState("All");
     const [searchInput, setSearchInput] = useState("");
@@ -54,7 +54,7 @@ const Labs = ({ LabData }) => {
         <>
             <div style={{ width: "100%", maxWidth: "1200px", margin: "5px auto" }}>
                 <LabContainer>
-                    <Sidebar heading={"Labs"} topics={LabData} onlyCat={true} setCategoryActive={setCategoryActive} />
+                    <Sidebar heading={heading} topics={LabData} onlyCat={true} setCategoryActive={setCategoryActive} />
 
                     <RoomContainer>
                         <div className="header">

src/components/WebSecurity/CrackMe/CrackMe.jsx

@@ -2,7 +2,7 @@ import React from "react";
 import Lab from "../Common/Labs/Labs";
 import { crackmeLabData } from "./CrackMeData";
 const CrackMe = () => {
-    return <Lab LabData={crackmeLabData} />;
+    return <Lab LabData={crackmeLabData} heading={"Crack Me"} />;
 };
 
 export default CrackMe;

src/components/WebSecurity/WebSecurityLabs/WebSecurityLabs.jsx

@@ -3,7 +3,7 @@ import Labs from "../Common/Labs/Labs";
 import { LabData } from "../Common/Labs/LabsData";
 
 const WebSecurityLabs = () => {
-    return <Labs LabData={LabData} />;
+    return <Labs LabData={LabData} heading={"Labs"} />;
 };
 
 export default WebSecurityLabs;