fix scrolling to relevant section from clicking table of contents

src/pages/BlogPage.jsx

@@ -697,21 +697,15 @@ function LeftContents(props) {
     return text;
   });
   const headerSlugs = headers.map((header) =>
-    header
-      .split(" ")
-      .slice(1)
-      .join(" ")
-      .split(" ")
-      .join("-")
-      .replace("\\", "")
-      .replace(/,/g, ""),
+    header.replace(/[#,/]/g, "").trim().replace(/\s+/g, "-").toLowerCase(),
   );
 
   let contents = [];
   for (let i = 0; i < headers.length; i++) {
     const headerLevel = headerLevels[i];
     const headerText = headerTexts[i];
     const headerSlug = headerSlugs[i];
+
     contents.push(
       <div
         style={{ display: "flex", alignItems: "center", marginBottom: 5 }}