fix: scrub hero logo from page top to canvas bottom

Amp-Thread-ID: https://ampcode.com/threads/T-019d9220-9fe3-7190-b7ff-df138f73be60
Co-authored-by: Amp <amp@ampcode.com>

apps/website/src/components/home/HeroSection.vue

@@ -14,9 +14,12 @@ useFrameScrub(canvasRef, {
   frameSrc: (i) =>
     `/videos/hero-logo-seq/Logo${String(i).padStart(2, '0')}.webp`,
   scrollTrigger: (canvas) => ({
-    trigger: canvas,
-    start: 'top 80%',
-    end: 'bottom 20%',
+    trigger: document.documentElement,
+    start: 'top top',
+    end: () => {
+      const rect = canvas.getBoundingClientRect()
+      return `+=${rect.bottom + window.scrollY}`
+    },
     scrub: 0.3
   })
 })