Removed comments

client/src/components/Sidebar.jsx

@@ -80,8 +80,6 @@ export default function Sidebar() {
     setTimeout(() => setFinishedTransitions(true), 400); // Match sidebar transition duration
   };
 
-
-
   return (
     <Box
       css={styles.root}
@@ -117,84 +115,6 @@ export default function Sidebar() {
         )
       })}
       
-      {/* Dashboard */}
-      {/* <Button css={styles.buttons} onClick={() => setActiveButton(0)} bg={activeButton === 0 ? "primary":undefined} justifyContent="flex-start">
-        <PushPin fill="iconFillPush" stroke="iconStroke"/>
-        <span style={{
-          visibility: isOpen ? "visible" : "hidden",
-          transition: "visibility 0.4s ease",
-          overflow: "hidden",
-          whiteSpace: "nowrap",
-          lineHeight: 1.2
-          }}
-        >
-          Dashboard
-        </span>
-      </Button> */}
-
-      {/* Global Map */}
-      {/* <Button css={styles.buttons} onClick={() => setActiveButton(1)} bg={activeButton === 1 ? "primary":undefined} justifyContent="flex-start">           
-        <Globe fill="base200" />
-          <span style={{
-            opacity: isOpen ? 1 : 0,
-            transition: "opacity 0.4s ease",
-            overflow: "hidden",
-            whiteSpace: "nowrap",
-            display: "inline-block",
-            lineHeight: 1.2            
-            }}
-          >
-            Global Map
-          </span>
-      </Button> */}
-
-      {/* Regional Map */}
-      {/* <Button css={styles.buttons} onClick={() => setActiveButton(2)} bg={activeButton === 2 ? "primary":undefined} justifyContent="flex-start">
-        <MapMarker fill="{base200}" />
-          <span style={{
-            opacity: isOpen ? 1 : 0,
-            transition: "opacity 0.4s ease",
-            overflow: "hidden",
-            whiteSpace: "nowrap",
-            display: "inline-block",
-            lineHeight: 1.2
-            }}
-          >
-            Regional Map
-          </span>
-      </Button> */}
-
-      {/* Volcano */}
-      {/* <Button css={styles.buttons} onClick={() => setActiveButton(3)} bg={activeButton === 3 ? "primary":undefined} justifyContent="flex-start">
-        <FaVolcano />
-        <span style={{
-          opacity: isOpen ? 1 : 0,
-          transition: "opacity 0.4s ease",
-          overflow: "hidden",
-          whiteSpace: "nowrap",
-          display: "inline-block",
-          lineHeight: 1.2
-          }}
-        >
-          Volcano
-        </span>
-      </Button> */}
-
-      {/* Admin */}
-      {/* <Button css={styles.buttons} onClick={() => setActiveButton(4)} bg={activeButton === 4 ? "primary":undefined} justifyContent="flex-start" >
-        <Users fill="iconFillAdmin" />
-        <span style={{
-          opacity: isOpen ? 1 : 0,
-          transition: "opacity 0.4s ease",
-          overflow: "hidden",
-          whiteSpace: "nowrap",
-          display: "inline-block",
-          lineHeight: 1.2
-          }}
-        >
-          Admin
-        </span>
-      </Button> */}
       <ColorModeButton position="absolute" bottom="2"/>
     </Box>
   );