refactor: simplify section and div elements in carousel component

Author: BIA3IA

src/components/home/carousel-mock.tsx

@@ -16,19 +16,15 @@ const mockCards = [
   },
   {
     title: "WiFiLinux",
-    caption:
-      "Scarica ed esegui lo script Python per attivare la connessione permanente al WiFi Polimi.",
-
+    caption: "Scarica ed esegui lo script Python per attivare la connessione permanente al WiFi Polimi.",
   },
   {
     title: "The TOL Project",
-    caption:
-      "Un simulatore gratuito del test di ammissione per le aspiranti matricole di Ingegneria del PoliMi.",
-
+    caption: "Un simulatore gratuito del test di ammissione per le aspiranti matricole di Ingegneria del PoliMi.",
   },
 ] as const
 
-// TODO: delete this when merging 
+// TODO: delete this when merging
 export function CarouselMock() {
   return (
     <section className="mx-auto flex min-h-screen w-full max-w-4xl flex-col items-center justify-center gap-16 px-7.5">

src/components/ui/carousel.tsx

@@ -121,12 +121,7 @@ function Carousel({
         scrollSnaps,
       }}
     >
-      <section
-        onKeyDownCapture={handleKeyDown}
-        className={cn("relative", className)}
-        data-slot="carousel"
-        {...props}
-      >
+      <section onKeyDownCapture={handleKeyDown} className={cn("relative", className)} data-slot="carousel" {...props}>
         {children}
       </section>
     </CarouselContext.Provider>
@@ -162,11 +157,7 @@ function CarouselDots({ className, ...props }: React.ComponentProps<"div">) {
   if (scrollSnaps.length <= 1) return null
 
   return (
-    <div
-      data-slot="carousel-dots"
-      className={cn("flex items-center justify-center gap-3", className)}
-      {...props}
-    >
+    <div data-slot="carousel-dots" className={cn("flex items-center justify-center gap-3", className)} {...props}>
       {scrollSnaps.map((scrollSnap, index) => (
         <Button
           key={scrollSnap}
@@ -186,9 +177,8 @@ function CarouselDots({ className, ...props }: React.ComponentProps<"div">) {
           />
           <span className="sr-only">{`Slide ${index + 1}`}</span>
         </Button>
-      ))
-      }
-    </div >
+      ))}
+    </div>
   )
 }