Add clarity

src/pages/index.tsx

@@ -9,6 +9,7 @@ import Footer from "@/components/footer/footer";
 import Hero from "@/components/hero/hero";
 import Projects from "@/components/projects/projects";
 import Skills from "@/components/skills/skills";
+import Script from "next/script";
 
 const openSansFont = Open_Sans({
   subsets: ["latin"],
@@ -18,6 +19,13 @@ const openSansFont = Open_Sans({
 export default function Home() {
   return (
     <>
+      <Script id="ms-clarity">
+        {`(function(c,l,a,r,i,t,y){
+        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
+        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
+        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
+        })(window, document, "clarity", "script", "khi8qnr6sc");`}
+      </Script>
       <main
         className={`min-h-screen container max-w-4xl mx-auto ${openSansFont.className} font-opensans`}
       >