Use page transition component to avoid repetition on main

src/routes/index.svelte

@@ -1,9 +1,7 @@
 <script lang="ts">
     import { getContext, onMount } from 'svelte'
-    import { fade } from 'svelte/transition'
     import { page } from '$app/stores'
     import anime from 'animejs'
-    import { DURATION } from '$utils/contants'
     // Components
     import Metas from '$components/Metas.svelte'
     import SplitText from '$components/SplitText.svelte'
@@ -64,10 +62,7 @@
     image=""
 />
 
-<main class="homepage"
-    in:fade={{ duration: DURATION.PAGE_IN, delay: DURATION.PAGE_OUT }}
-    out:fade={{ duration: DURATION.PAGE_OUT }}
->
+<main class="homepage">
     <section class="homepage__intro">
         <ScrollingTitle
             tag="h1"