Use page transition component to avoid repetition on main

src/routes/credits.svelte

@@ -1,6 +1,4 @@
 <script lang="ts">
-    import { fade } from 'svelte/transition'
-    import { DURATION } from '$utils/contants'
     // Components
     import Metas from '$components/Metas.svelte'
     import SiteTitle from '$components/atoms/SiteTitle.svelte'
@@ -16,10 +14,7 @@
 />
 
 
-<main class="credits"
-    in:fade={{ duration: DURATION.PAGE_IN, delay: DURATION.PAGE_OUT }}
-    out:fade={{ duration: DURATION.PAGE_OUT }}
->
+<main class="credits">
     <section class="credits__heading">
         <SiteTitle variant="inline" />
         <p class="text-medium">{data.credits.text}</p>