Add click tracking on YouTube banner

components/sticky-banner.tsx

@@ -1,6 +1,7 @@
 import { Flex, Link, Text } from '@chakra-ui/react';
 import YouTubeLogo from '../components/icons/youtube.svg';
 import siteConfig from '../content/site.json';
+import { event } from '../lib/gtag';
 
 export function StickyBanner() {
   return (
@@ -8,8 +9,6 @@ export function StickyBanner() {
           href={siteConfig.url.youtube}
           bg={'yellow.300'}
           color='gray.900'
-      // bg={'teal.900'}
-      // color='gray.300'
           alignItems='center'
           position='fixed'
           left={0}
@@ -18,8 +17,12 @@ export function StickyBanner() {
           justifyContent='center'
           py='8px'
           _hover={{ textDecoration: 'none', bg: 'yellow.400' }}
-      // _hover={{ textDecoration: 'none', bg: 'teal.800', color: 'gray.100' }}
           target='_blank'
+          onClick={() => event({
+            category: 'Subscription',
+            action: 'Clicked the YouTube banner',
+            label: 'Sticky YouTube banner on Top'
+          })}
     >
       <YouTubeLogo style={{ height: '20px', display: 'inline-block', marginRight: '7px' }} />
       <Text as='span' fontWeight={500} fontSize='14px'>