Use page transition component to avoid repetition on main

src/routes/shop/__layout.svelte

@@ -1,8 +1,6 @@
 <script lang="ts">
     import { onMount } from 'svelte'
-    import { fade } from 'svelte/transition'
     import { shopLocations, cartOpen, cartNotifications } from '$utils/stores/shop'
-    import { DURATION } from '$utils/contants'
     // Components
     import Metas from '$components/Metas.svelte'
     import SiteTitle from '$components/atoms/SiteTitle.svelte'
@@ -59,10 +57,7 @@
     image=""
 />
 
-<main class="shop-page"
-    in:fade={{ duration: DURATION.PAGE_IN, delay: DURATION.PAGE_OUT }}
-    out:fade={{ duration: DURATION.PAGE_OUT }}
->
+<main class="shop-page">
     <Cart />
 
     <section class="shop-page__intro" bind:this={introEl}>