feat(SW-395): Added tracking to header and footer

components/Footer/Navigation/MainNav/index.tsx

@@ -1,7 +1,10 @@
+"use client"
+
 import { ArrowRightIcon } from "@/components/Icons"
 import SkeletonShimmer from "@/components/SkeletonShimmer"
 import Link from "@/components/TempDesignSystem/Link"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
+import { trackFooterClick } from "@/utils/tracking"
 
 import styles from "./mainnav.module.css"
 
@@ -19,9 +22,9 @@ export default function FooterMainNav({ mainLinks }: FooterMainNavProps) {
                 href={link.url}
                 className={styles.mainNavigationLink}
                 target={link.openInNewTab ? "_blank" : undefined}
+                onClick={() => trackFooterClick("main", link.title)}
               >
                 {link.title}
-
                 <ArrowRightIcon color="peach80" />
               </Link>
             </Subtitle>