Use page transition component to avoid repetition on main

src/routes/[country]/[location]/index.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
     import { navigating, page } from '$app/stores'
     import { onMount } from 'svelte'
-    import { fade } from 'svelte/transition'
     import anime from 'animejs'
     import dayjs from 'dayjs'
     import advancedFormat from 'dayjs/plugin/advancedFormat.js'
@@ -192,10 +191,7 @@
 <svelte:window bind:scrollY />
 
 
-<main class="location-page"
-    in:fade={{ duration: DURATION.PAGE_IN, delay: DURATION.PAGE_OUT }}
-    out:fade={{ duration: DURATION.PAGE_OUT }}
->
+<main class="location-page">
     <section class="location-page__intro grid" bind:this={introEl}>
         <h1 class="title" class:is-short={location.name.length <= 4}>
             <span class="housesof mask">