✨ Use smooth scroll function to navigate to anchor

Using a eased RAF function to scroll to a specific target
Avoid using `scrollIntoView` or smooth behavior as it doesn't work on Safari and others.

src/components/organisms/ShopHeader.svelte

@@ -6,6 +6,7 @@
     import { getContext, onMount } from 'svelte'
     import anime, { type AnimeTimelineInstance } from 'animejs'
     import { cartOpen } from '$utils/stores/shop'
+    import { smoothScroll } from '$utils/functions'
     // Components
     import Image from '$components/atoms/Image.svelte'
     import ButtonCart from '$components/atoms/ButtonCart.svelte'
@@ -106,7 +107,7 @@
                 <ul>
                     {#each shopLocations as { name, slug }}
                         <li class:is-active={product && slug === product.location.slug}>
-                            <a href="/shop/poster-{slug}" sveltekit:prefetch sveltekit:noscroll>
+                            <a href="/shop/poster-{slug}" on:click={() => smoothScroll('poster')} sveltekit:prefetch sveltekit:noscroll>
                                 {name}
                             </a>
                         </li>