Fix link syntax in Course Overview component

Signed-off-by: Lee Calcote <leecalcote@gmail.com>

Author: leecalcote

src/sections/Learn-Layer5/Course-Overview/index.js

@@ -64,7 +64,7 @@ const CourseOverview = ({ course, chapters, serviceMeshesList, children }) => {
   return (
     <CourseOverviewWrapper>
       <div className="course-back-btn">
-        <Link to={`/learn/learning-paths/${course.fields.learnpath}`}>
+        <Link to={"/learn/learning-paths/${course.fields.learnpath}"}>
           <IoChevronBackOutline /> <h4>Learning Paths/Courses</h4>
         </Link>
       </div>
@@ -88,7 +88,7 @@ const CourseOverview = ({ course, chapters, serviceMeshesList, children }) => {
           </div>
           <Button
             title={hasBookmark ? "Start Again" : "Get Started"}
-            $url={getChapterTitle(course.frontmatter.toc[0], chapters) ? `/${getChapterTitle(course.frontmatter.toc[0], chapters).fields.slug}` : `#`}
+            $url={getChapterTitle(course.frontmatter.toc[0], chapters) ? "/${getChapterTitle(course.frontmatter.toc[0], chapters).fields.slug}" : "#"}
           />
           {hasBookmark && (
             <Button
@@ -118,7 +118,7 @@ const CourseOverview = ({ course, chapters, serviceMeshesList, children }) => {
               return (
                 <Link
                   key={index}
-                  to={chapterNode ? `/${chapterNode.fields.slug}` : "#"}
+                  to={chapterNode ? "/${chapterNode.fields.slug}" : "#"}
                   className="chapter-link"
                 >
                   <ChapterCard