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

@@ -12,6 +12,7 @@
     import { map, lerp, throttle } from '$utils/functions'
     // Components
     import Metas from '$components/Metas.svelte'
+    import PageTransition from '$components/PageTransition.svelte'
     import SplitText from '$components/SplitText.svelte'
     import IconEarth from '$components/atoms/IconEarth.svelte'
     import Button from '$components/atoms/Button.svelte'
@@ -339,7 +340,7 @@
 />
 
 
-<main class="photos">
+<PageTransition name="photos">
     <section class="photos__intro"
         class:is-passed={scrolledPastIntro}
     >
@@ -498,7 +499,7 @@
             </div>
         </div>
     </section>
-</main>
+</PageTransition>
 
 
 <script context="module" lang="ts">