refactor: Use bootstrap class

Author: flacial

__tests__/pages/curriculum/[lessonSlug]/__snapshots__/[subLessonSlug].test.js.snap

@@ -19,9 +19,8 @@ exports[`[subLessonSlug] Page should match screenshot 1`] = `
           style="padding-left: 0rem;"
         >
           <a
-            class="MDX_a"
+            class="MDX_a text-decoration-none"
             href="#heading1"
-            style="text-decoration: none;"
           >
             heading1
           </a>
@@ -30,9 +29,8 @@ exports[`[subLessonSlug] Page should match screenshot 1`] = `
           style="padding-left: 1rem;"
         >
           <a
-            class="MDX_a"
+            class="MDX_a text-decoration-none"
             href="#heading2"
-            style="text-decoration: none;"
           >
             heading2
           </a>
@@ -41,9 +39,8 @@ exports[`[subLessonSlug] Page should match screenshot 1`] = `
           style="padding-left: 2rem;"
         >
           <a
-            class="MDX_a"
+            class="MDX_a text-decoration-none"
             href="#heading3"
-            style="text-decoration: none;"
           >
             heading3
           </a>

pages/curriculum/[lessonSlug]/[subLessonSlug].tsx

@@ -54,11 +54,8 @@ const SubLessonPage: React.FC<Props> & WithLayout = ({
         style={{ paddingLeft: `${heading.depth - 1}rem` }}
       >
         <a
-          style={{
-            textDecoration: 'none'
-          }}
           href={`#${headingBookmark}`}
-          className={mdxStyles.MDX_a}
+          className={`${mdxStyles.MDX_a} text-decoration-none`}
         >
           {heading.text}
         </a>