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/[country]/[location]/index.svelte

@@ -11,6 +11,7 @@
     import { DURATION } from '$utils/contants'
     // Components
     import Metas from '$components/Metas.svelte'
+    import PageTransition from '$components/PageTransition.svelte'
     import Icon from '$components/atoms/Icon.svelte'
     import Button from '$components/atoms/Button.svelte'
     import IconEarth from '$components/atoms/IconEarth.svelte'
@@ -209,7 +210,7 @@
 <svelte:window bind:scrollY />
 
 
-<main class="location-page">
+<PageTransition name="location-page">
     <section class="location-page__intro grid" bind:this={introEl}>
         <h1 class="title" class:is-short={location.name.length <= 4}>
             <span class="housesof mask">
@@ -349,7 +350,7 @@
             </p>
         </div>
     {/if}
-</main>
+</PageTransition>
 
 
 <script context="module" lang="ts">