Fix Carousel dots clicking propagation

src/components/organisms/Carousel.svelte

@@ -81,12 +81,12 @@
     })
 </script>
 
-<div class="carousel {$$props.class ? $$props.class : ''}"
+<div class="carousel {$$props.class ? $$props.class : ''}">
+    {#if slides.length}
+        <div class="carousel__viewport" bind:this={carouselEl}
             on:mousemove={handleArrowMove}
             on:click={handleArrowClick}
->
-    {#if slides.length}
-        <div class="carousel__viewport" bind:this={carouselEl}>
+        >
             <div class="carousel__slides">
                 {#each slides as { id, alt }}
                     <Image