Use PageTransition component on every route

- Scrolls back to top when mounting new page with a timeout of the delay
- Rename photo Viewer class
- Change Shop posters section text from p to label

src/routes/credits.svelte

@@ -5,6 +5,7 @@
     import type { AnimeTimelineInstance } from 'animejs'
     // Components
     import Metas from '$components/Metas.svelte'
+    import PageTransition from '$components/PageTransition.svelte'
     import SiteTitle from '$components/atoms/SiteTitle.svelte'
     import InteractiveGlobe from '$components/organisms/InteractiveGlobe.svelte'
     import Image from '$components/atoms/Image.svelte'
@@ -69,7 +70,7 @@
 />
 
 
-<main class="credits">
+<PageTransition name="credits">
     <section class="credits__heading">
         <SiteTitle variant="inline" />
         <p class="text-medium">{data.credits.text}</p>
@@ -145,7 +146,7 @@
     </section>
 
     <InteractiveGlobe type="cropped" />
-</main>
+</PageTransition>
 
 
 <script context="module" lang="ts">