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/index.svelte

@@ -6,6 +6,7 @@
     import type { AnimeTimelineInstance } from 'animejs'
     // Components
     import Metas from '$components/Metas.svelte'
+    import PageTransition from '$components/PageTransition.svelte'
     import SplitText from '$components/SplitText.svelte'
     import Button from '$components/atoms/Button.svelte'
     import IconEarth from '$components/atoms/IconEarth.svelte'
@@ -85,7 +86,7 @@
     image=""
 />
 
-<main class="homepage">
+<PageTransition name="homepage">
     <section class="homepage__intro">
         <ScrollingTitle
             tag="h1"
@@ -101,7 +102,7 @@
                 {settings.description}
             </p>
 
-            <Button text="Explore locations" url="{path}#locations">
+            <Button text="Explore locations" url="#locations">
                 <IconEarth animate={true} />
             </Button>
         </div>
@@ -169,7 +170,7 @@
             </div>
         </div>
     </div>
-</main>
+</PageTransition>
 
 
 <script context="module" lang="ts">