Create Aside for Cart

With Poster Cart component

src/components/organisms/Cart.svelte

@@ -0,0 +1,38 @@
+<script lang="ts">
+    import { getContext } from 'svelte'
+    // Components
+    import Button from '$components/atoms/Button.svelte'
+    import Image from '$components/atoms/Image.svelte'
+    import PosterCart from '$components/molecules/PosterCart.svelte'
+
+    const { locations, shop } = getContext('global')
+
+</script>
+
+<aside class="cart">
+    <header class="cart__heading">
+        <h2>Cart</h2>
+        <a class="text-label" href="#">Close</a>
+    </header>
+
+    <div class="cart__content">
+        <PosterCart />
+        <PosterCart />
+    </div>
+
+    <footer class="cart__total">
+        <div class="cart__total--sum">
+            <h3>Total</h3>
+            <span>3 articles</span>
+            <p>90€</p>
+        </div>
+        <div class="cart__total--checkout">
+            <p>Shipping will be calculated from the delivery address during the checkout process</p>
+            <Button
+                text="Checkout"
+                color="pink"
+                size="small"
+            />
+        </div>
+    </footer>
+</aside>