Add varify tracking

src/components/Analytics/Varify.astro

@@ -0,0 +1,7 @@
+<!-- Varify.io® code for roadmap-->
+<script>
+  // @ts-nocheck
+  window.varify = window.varify || {};
+  window.varify.iid = 4013;
+</script>
+<script src='https://app.varify.io/varify.js'></script>

src/layouts/SkeletonLayout.astro

@@ -1,12 +1,17 @@
 ---
+import Varify from '../components/Analytics/Varify.astro';
 import BaseLayout, { type Props as BaseLayoutProps } from './BaseLayout.astro';
 
-export interface Props extends BaseLayoutProps {}
+export interface Props extends BaseLayoutProps {
+  hasVarify?: boolean;
+}
 
 const props = Astro.props;
 ---
 
 <BaseLayout {...props}>
+  {props.hasVarify && <Varify slot='after-header' />}
+
   <div slot='course-announcement'></div>
   <div slot='page-header'></div>
   <slot />

src/pages/courses/sql.astro

@@ -8,7 +8,13 @@ import SkeletonLayout from '../../layouts/SkeletonLayout.astro';
   briefTitle='Learn SQL from the ground up'
   ogImageUrl='https://assets.roadmap.sh/guest/sql-course-bjc53.png'
   description='Learn SQL from the ground up. This SQL programming class is designed to help you go from beginner to expert through hands-on practice with real-world scenarios, mastering everything from basic to complex queries.'
-  keywords={['sql', 'database', 'database management', 'database administration']}
+  hasVarify={true}
+  keywords={[
+    'sql',
+    'database',
+    'database management',
+    'database administration',
+  ]}
   canonicalUrl='/courses/sql'
 >
   <SQLCoursePage client:load />