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

@@ -2,6 +2,7 @@
     import { getContext } from 'svelte'
     // Components
     import Metas from '$components/Metas.svelte'
+    import PageTransition from '$components/PageTransition.svelte'
     import InteractiveGlobe from '$components/organisms/InteractiveGlobe.svelte'
     import Locations from '$components/organisms/Locations.svelte'
     import Shop from '$components/organisms/Shop.svelte'
@@ -17,7 +18,7 @@
     image=""
 />
 
-<main class="explore">
+<PageTransition name="explore">
     <Heading
         text="Explore the globe to discover unique locations across the world"
     />
@@ -33,4 +34,4 @@
                 <Newsletter />
             </div>
     </section>
-</main>
+</PageTransition>