Change some $$props.class to shorthands

src/components/atoms/Image.svelte

@@ -67,7 +67,7 @@
     }
 </script>
 
-<picture class={$$props.class ? $$props.class : ''}>
+<picture class={$$props.class}>
     <source
         type="image/webp"
         srcset={srcSet.webp.join(', ').trim()}

src/components/organisms/Carousel.svelte

@@ -18,17 +18,11 @@
 
 
     /** Navigate to specific slide */
-    const goToSlide = (index: number = 0) => {
+    const goToSlide = (index: number = 0) => carousel.scrollTo(index)
-        carousel.scrollTo(index)
-    }
 
     /** Move and change arrow direction when moving */
     const arrowPosition = writable({ x: 0, y: 0 })
 
-
-    /**
-     *
-     */
     /** Move arrow and define direction on mousemove */
     const handleArrowMove = (event: MouseEvent) => {
         const { left, top, width } = carouselEl.getBoundingClientRect()
@@ -88,7 +82,7 @@
     })
 </script>
 
-<div class="carousel {$$props.class ? $$props.class : ''}">
+<div class="carousel {$$props.class ?? ''}">
     {#if slides.length}
         <div class="carousel__viewport" bind:this={carouselEl}
             on:mousemove={handleArrowMove}