✨ Finish to replace Anime with Motion One for page animations

Page intro animation and reveal that has now been simplified as Motion One manages an inView option (that uses IntersectionObserver)

src/routes/photos.svelte

@@ -3,12 +3,12 @@
 </style>
 
 <script lang="ts">
-    import { page } from '$app/stores'
+    import { page, navigating } from '$app/stores'
     import { goto } from '$app/navigation'
     import { getContext, onMount } from 'svelte'
     import { fly } from 'svelte/transition'
-    import dayjs from 'dayjs'
     import { quartOut as quartOutSvelte } from 'svelte/easing'
+    import dayjs from 'dayjs'
     import relativeTime from 'dayjs/plugin/relativeTime.js'
     import { stagger, timeline } from 'motion'
     import { DELAY } from '$utils/contants'
@@ -294,11 +294,11 @@
                 y: [16, 0],
                 opacity: [0, 1],
             }, {
-                at: 0.4,
-                delay: stagger(0.25),
+                at: 0.5,
+                delay: stagger(0.3),
             }]
         ], {
-            delay: DELAY.PAGE_LOADING / 1000,
+            delay: $navigating ? DELAY.PAGE_LOADING / 1000 : 0,
             defaultOptions: {
                 duration: 1.6,
                 easing: quartOut,