Add event tracking for done/pending

Author: kamranahmedse

src/components/TopicOverlay/TopicOverlay.astro

@@ -22,6 +22,9 @@ const { contentContributionLink } = Astro.props;
     <div id='topic-actions' class='hidden mb-2'>
       <button
         id='mark-topic-done'
+        ga-category='TopicClick'
+        ga-action='topic/mark-completion'
+        ga-label='done'
         class='bg-green-600 text-white p-1 px-2 text-sm rounded-md hover:bg-green-700 inline-flex items-center'
       >
         <Icon icon='check' />
@@ -30,6 +33,9 @@ const { contentContributionLink } = Astro.props;
 
       <button
         id='mark-topic-pending'
+        ga-category='TopicClick'
+        ga-action='topic/mark-completion'
+        ga-label='pending'
         class='hidden bg-red-600 text-white p-1 px-2 text-sm rounded-md hover:bg-red-700 inline-flex items-center'
       >
         <Icon icon='reset' />

src/data/roadmaps/cyber-security/cyber-security.md

@@ -12,13 +12,13 @@ dimensions:
   width: 968
   height: 3316.15
 schema:
-  headline: "Cyber Security Roadmap"
+  headline: "Cyber Security Roadmap: Learn to become a Cyber Security Expert"
   description: "Learn how to become a Cyber Security expert with this interactive step by step guide in 2023. We also have resources and short descriptions attached to the roadmap items so you can get everything you want to learn in one place."
   imageUrl: "https://roadmap.sh/roadmaps/cyber-security.png"
   datePublished: "2023-01-05"
   dateModified: "2023-01-20"
 seo:
-  title: "Cyber Security Roadmap"
+  title: "Cyber Security Roadmap: Learn to become a Cyber Security Expert"
   description: "Community driven, articles, resources, guides, interview questions, quizzes for cyber security. Learn to become a modern Cyber Security Expert by following the steps, skills, resources and guides listed in this roadmap."
   keywords:
     - "guide to becoming a cyber security expert"