fix: move pages animation to onMount

apps/website/src/routes/(site)/[country]/[location]/+page.svelte

@@ -3,6 +3,7 @@
 <script lang="ts">
     import { PUBLIC_LIST_INCREMENT } from '$env/static/public'
     import { page, navigating } from '$app/stores'
+    import { onMount } from 'svelte'
     import { scroll, stagger, timeline } from 'motion'
     import dayjs from 'dayjs'
     import relativeTime from 'dayjs/plugin/relativeTime'
@@ -144,6 +145,15 @@
         })
 
 
+        // Destroy
+        return () => {
+            observerPhotos && observerPhotos.disconnect()
+            mutationPhotos && mutationPhotos.disconnect()
+        }
+    })
+
+
+    onMount(() => {
         /**
          * Animations
          */
@@ -192,13 +202,6 @@
 
         // Run animation
         requestAnimationFrame(animation.play)
-
-
-        // Destroy
-        return () => {
-            observerPhotos && observerPhotos.disconnect()
-            mutationPhotos && mutationPhotos.disconnect()
-        }
     })
 </script>
 

apps/website/src/routes/(site)/[country]/[location]/[photo]/+page.svelte

@@ -3,7 +3,7 @@
 <script lang="ts">
     import { page, navigating } from '$app/stores'
     import { goto } from '$app/navigation'
-    import { tick } from 'svelte'
+    import { onMount, tick } from 'svelte'
     import { fade, scale } from 'svelte/transition'
     import { quartOut } from 'svelte/easing'
     import dayjs from 'dayjs'
@@ -216,7 +216,7 @@
     }
 
 
-    $effect(() => {
+    onMount(() => {
         /**
          * Animations
          */