Add Microsoft Clarity for session replays and heatmaps

Layer Clarity on top of Umami to capture rage/dead clicks, scroll, and
session replays. CSP updated to allow www.clarity.ms and c.bing.com.

Author: ArghaRay00

public/_headers

@@ -4,4 +4,4 @@
   Strict-Transport-Security: max-age=31536000; includeSubDomains; preload
   Permissions-Policy: camera=(), microphone=(), geolocation=()
   Referrer-Policy: strict-origin-when-cross-origin
-  Content-Security-Policy: default-src 'self'; script-src 'self' 'unsafe-inline' https://analytics.argha.dev; style-src 'self' 'unsafe-inline'; img-src 'self' data: https:; font-src 'self' data:; connect-src 'self' https://analytics.argha.dev
+  Content-Security-Policy: default-src 'self'; script-src 'self' 'unsafe-inline' https://analytics.argha.dev https://www.clarity.ms https://*.clarity.ms; style-src 'self' 'unsafe-inline'; img-src 'self' data: https:; font-src 'self' data:; connect-src 'self' https://analytics.argha.dev https://*.clarity.ms https://c.bing.com

src/layouts/Layout.astro

@@ -154,6 +154,15 @@ const structuredData = pubDatetime
     <!-- Umami Analytics -->
     <script async src="https://analytics.argha.dev/script.js" data-website-id="5f924b5f-81aa-4da6-84e9-9708ce173069"></script>
 
+    <!-- Microsoft Clarity -->
+    <script type="text/javascript">
+      (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", "wap1d5n1sv");
+    </script>
+
     {
       // If PUBLIC_GOOGLE_SITE_VERIFICATION is set in the environment variable,
       // include google-site-verification tag in the heading