fix: various issues to reduce effect_update_depth_exceeded

+ use `scroll` from Motion One for parallax

apps/website/src/components/atoms/ScrollingTitle.svelte

@@ -35,7 +35,7 @@
     let scrollY = $state<number>()
     let innerWidth = $state<number>()
     let innerHeight = $state<number>()
-    let titleEl = $state<HTMLElement>()
+    let titleEl: HTMLElement
 
     // Check if title is larger than viewport to translate it
     const isLarger = $derived<boolean>(titleEl && titleEl.offsetWidth >= innerWidth)

apps/website/src/components/molecules/Location/Location.svelte

@@ -24,7 +24,7 @@
 
     const { settings }: any = getContext('global')
 
-    let locationEl = $state<HTMLElement>()
+    let locationEl: HTMLElement
     let photoIndex = $state(0)
 
     // Location date limit

apps/website/src/components/molecules/Switcher/Switcher.svelte

@@ -12,7 +12,7 @@
 
     const { settings: { switcher_links } }: any = getContext('global')
 
-    let switcherEl = $state<HTMLElement>()
+    let switcherEl: HTMLElement
     let isOpen = $state(false)
 
 

apps/website/src/components/organisms/InteractiveGlobe/InteractiveGlobe.svelte

@@ -33,8 +33,8 @@
     } = $props()
 
     let innerWidth = $state<number>()
-    let globeParentEl = $state<HTMLElement>()
-    let globeEl = $state<HTMLElement>()
+    let globeParentEl: HTMLElement
+    let globeEl: HTMLElement
     let globe = $state<any>()
     let observer: IntersectionObserver
     let animation = $state<number>()

apps/website/src/components/organisms/ShopBanner/ShopBanner.svelte

@@ -21,8 +21,8 @@
 
     let innerWidth = $state<number>()
     let navObserver: IntersectionObserver
-    let introEl = $state<HTMLElement>()
-    let navChooseEl = $state<HTMLElement>()
+    let introEl: HTMLElement
+    let navChooseEl: HTMLElement
     let scrolledPastIntro = $state(false)