clean(analytics): remove debug logs from scroll tracking

Author: saadshahd

src/scripts/track-scroll-depth.ts

@@ -9,8 +9,6 @@ import { trackScrollDepth } from "@/utils/analytics";
 
 // Track scroll depth milestones using Intersection Observer
 function setupScrollDepthTracking() {
-  console.log("[Scroll Tracking] 🚀 Setting up scroll depth tracking...");
-
   // Define depth milestones with corresponding sections
   const depthMarkers = [
     { depth: 25, selector: "#origins", label: "Origins" },
@@ -26,22 +24,13 @@ function setupScrollDepthTracking() {
   const observer = new IntersectionObserver(
     (entries) => {
       entries.forEach((entry) => {
-        console.log("[Scroll Observer]", {
-          target: entry.target.id,
-          isIntersecting: entry.isIntersecting,
-          intersectionRatio: entry.intersectionRatio,
-        });
-
         if (entry.isIntersecting) {
           // Find which depth marker this element corresponds to
           const marker = depthMarkers.find((m) =>
             entry.target.matches(m.selector),
           );
 
           if (marker && !firedDepths.has(marker.depth)) {
-            console.log(
-              `[Scroll Tracking] 🎯 Reached ${marker.depth}% (${marker.label})`,
-            );
             // Track this depth milestone
             trackScrollDepth(
               "statsbomb-case-study",
@@ -57,31 +46,19 @@ function setupScrollDepthTracking() {
       });
     },
     {
-      // Fire when ANY part of element enters viewport
-      // Using 0.1 (10%) instead of 0.5 (50%) because sections are tall
-      // and may never have 50% visible at once
+      // Fire when 10% of element is visible
+      // Lower threshold needed because sections are taller than viewport
       threshold: 0.1,
     },
   );
 
   // Observe all depth marker elements
-  let observedCount = 0;
   depthMarkers.forEach((marker) => {
     const element = document.querySelector(marker.selector);
     if (element) {
       observer.observe(element);
-      observedCount++;
-      console.log(
-        `[Scroll Tracking] ✅ Observing: ${marker.selector} (${marker.depth}%)`,
-      );
-    } else {
-      console.warn(`[Scroll Tracking] ❌ Not found: ${marker.selector}`);
     }
   });
-
-  console.log(
-    `[Scroll Tracking] 📊 Total: ${observedCount}/${depthMarkers.length} elements observed`,
-  );
 }
 
 // Run after page load (support View Transitions)