update umami link tracking

Author: umyeah

src/layouts/Footer.astro

@@ -6,16 +6,16 @@ const today = new Date();
     <div class="content">
         &copy; {today.getFullYear()} - UmYeah.dev
         <span class="social-links">
-            <a href="https://github.com/umyeah" target="_blank" onclick="window.umami?.track('github-click')">
+            <a href="https://github.com/umyeah" target="_blank">
             <i class="fa-brands fa-github"></i>
             </a>
-            <a href="https://www.linkedin.com/in/corey-sherman-aa12a611/" target="_blank" onclick="window.umami?.track('linkedin-click')">
+            <a href="https://www.linkedin.com/in/corey-sherman-aa12a611/" target="_blank">
             <i class="fa-brands fa-linkedin"></i>
             </a>
-            <a href="https://last.fm/user/djumyeah" target="_blank" onclick="window.umami?.track('lastfm-click')">
+            <a href="https://last.fm/user/djumyeah" target="_blank">
             <i class="fa-brands fa-lastfm"></i>
             </a>
-            <a href="https://letterboxd.com/UmYeah/" target="_blank" onclick="window.umami?.track('letterboxd-click')">
+            <a href="https://letterboxd.com/UmYeah/" target="_blank">
             <i class="fa-brands fa-letterboxd"></i>
             </a>
         </span>

src/layouts/Layout.astro

@@ -29,6 +29,29 @@ const { pageTitle= "UmYeah's Dev" } = Astro.props
 			<slot />
 		</main>
 		<Footer />
+		<script is:inline>
+			(() => {
+				const eventName = 'external-link-click';
+				
+				function getSource(link) {
+					if (link.closest('footer')) return 'footer';
+					if (link.closest('nav')) return 'navigation';
+					if (link.closest('section') || link.closest('article')) return 'blog-content';
+					return 'page';
+				}
+				
+				document.querySelectorAll('a').forEach(a => {
+					if (a.host !== window.location.host && !a.getAttribute('data-umami-event')) {
+						const source = getSource(a);
+						const destination = a.hostname;
+						
+						a.setAttribute('data-umami-event', eventName);
+						a.setAttribute('data-umami-event-source', source);
+						a.setAttribute('data-umami-event-destination', destination);
+					}
+				});
+			})();
+		</script>
 	</body>
 </html>