[wip] Rework Shop

- Change strategy for content fetching
- Add a route per page instead of using __layout for all
- Change the behaviors of the posters section (add a carousel on small screens)
- Change Poster buttons styling and make interactions only for desktop

src/components/layouts/PosterLayout.svelte

@@ -3,8 +3,10 @@
     import { addToCart } from '$utils/functions/shop'
     import { capitalizeFirstLetter } from '$utils/functions'
     // Components
+    import SplitText from '$components/SplitText.svelte'
     import Button from '$components/atoms/Button.svelte'
     import Image from '$components/atoms/Image.svelte'
+    import ScrollingTitle from '$components/atoms/ScrollingTitle.svelte'
     import Carousel from '$components/organisms/Carousel.svelte'
 
     export let product: any
@@ -60,9 +62,11 @@
 </script>
 
 <section class="poster-layout grid" id="poster">
-    <h2 class="title-huge">
-        {product.location.name}
-    </h2>
+    <div class="poster-layout__title">
+        <ScrollingTitle tag="h2" label={product.location.name}>
+            <SplitText mode="chars" text={product.location.name} />
+        </ScrollingTitle>
+    </div>
 
     <aside class="poster-layout__buy">
         <div class="poster-layout__info">