refactor: use global page transition in main layout

apps/website/src/routes/(shop)/shop/+error.svelte

@@ -3,7 +3,6 @@
     import { page } from '$app/stores'
     // Components
     import Metas from '$components/Metas.svelte'
-    import PageTransition from '$components/PageTransition.svelte'
     import ShopHeader from '$components/organisms/ShopBanner.svelte'
     import PostersGrid from '$components/organisms/PostersGrid.svelte'
 
@@ -25,19 +24,17 @@
 />
 
 
-<PageTransition>
-    <main class="shop-page">
-        <ShopHeader />
+<main class="shop-page">
+    <ShopHeader />
 
-        <section class="shop-page__error">
-            <div class="container grid">
-                <div class="inner">
-                    <h2 class="title-big">Uh oh!</h2>
-                    <p class="text-medium">{errors[$page.status].message}</p>
-                </div>
+    <section class="shop-page__error">
+        <div class="container grid">
+            <div class="inner">
+                <h2 class="title-big">Uh oh!</h2>
+                <p class="text-medium">{errors[$page.status].message}</p>
             </div>
-        </section>
+        </div>
+    </section>
 
-        <PostersGrid {posters} />
-    </main>
-</PageTransition>
+    <PostersGrid {posters} />
+</main>

apps/website/src/routes/(shop)/shop/+page.svelte

@@ -3,7 +3,6 @@
     import { getAssetUrlKey } from '$utils/api'
     import { shopCurrentProductSlug } from '$utils/stores/shop'
     // Components
-    import PageTransition from '$components/PageTransition.svelte'
     import Metas from '$components/Metas.svelte'
     import PostersGrid from '$components/organisms/PostersGrid.svelte'
     import ShopHeader from '$components/organisms/ShopBanner.svelte'
@@ -25,15 +24,13 @@
 />
 
 
-<PageTransition>
-    <main class="shop-page">
-        <ShopHeader {product} />
+<main class="shop-page">
+    <ShopHeader {product} />
 
-        <PosterLayout
-            product={product}
-            shopProduct={shopProduct}
-        />
+    <PosterLayout
+        product={product}
+        shopProduct={shopProduct}
+    />
 
-        <PostersGrid {posters} />
-    </main>
-</PageTransition>
+    <PostersGrid {posters} />
+</main>

apps/website/src/routes/(shop)/shop/[type]-[name]/+page.svelte

@@ -4,7 +4,6 @@
     import { shopCurrentProductSlug } from '$utils/stores/shop'
     import { capitalizeFirstLetter } from 'utils/string'
     // Components
-    import PageTransition from '$components/PageTransition.svelte'
     import Metas from '$components/Metas.svelte'
     import ShopHeader from '$components/organisms/ShopBanner.svelte'
     import PostersGrid from '$components/organisms/PostersGrid.svelte'
@@ -24,15 +23,13 @@
 />
 
 
-<PageTransition>
-    <main class="shop-page">
-        <ShopHeader product={data.product} />
+<main class="shop-page">
+    <ShopHeader product={data.product} />
 
-        <PosterLayout
-            product={data.product}
-            shopProduct={data.shopProduct}
-        />
+    <PosterLayout
+        product={data.product}
+        shopProduct={data.shopProduct}
+    />
 
-        <PostersGrid {posters} />
-    </main>
-</PageTransition>
+    <PostersGrid {posters} />
+</main>