fix

superpage/src/components/Carousel.astro

@@ -25,7 +25,7 @@ const { items = [] } = Astro.props;
     class="flex max-lg:overflow-x-scroll max-lg:snap-x snap-mandatory scroll-smooth scrollbar-hide space-x-4 lg:gap-8 lg:justify-center"
   >
     {
-      items.map((Component, idx) => (
+      items.map((Component, idx: number) => (
         <div
           class="snap-center flex-shrink-0 max-lg:w-full flex justify-center itens-center"
           id={`slide${idx + 1}`}

superpage/src/components/Course/BuyDropdown.astro

@@ -10,15 +10,15 @@ const currency = new Intl.NumberFormat("pt-BR", {
   <details class="group/dropdown">
     <summary
       class="flex bg-black hover:bg-white hover:text-black font-semibold
-                   py-2.5 px-3 rounded-md cursor-pointer transition
-                   group-open/dropdown:text-black group-open/dropdown:bg-white"
+             py-2.5 px-3 rounded-md cursor-pointer transition
+             group-open/dropdown:text-black group-open/dropdown:bg-white"
     >
       Contratar agora
     </summary>
     <form
       class="absolute inset-x-2.5 translate-y-1.5
-                   md:inset-auto md:right-2.5 md:min-w-96 2xl:right-0
-                   bg-stone-900 border border-white/15 rounded-xl shadow-lg"
+             md:inset-auto md:right-2.5 md:min-w-96 2xl:right-0
+             bg-stone-900 border border-white/15 rounded-xl shadow-lg"
     >
       <h6
         class="p-2.5 lg:px-5 lg:py-3.5 font-semibold border-b border-white/10 bg-white/5"

superpage/src/components/Course/FlyoutMenu.astro

@@ -17,8 +17,9 @@ const relatedCourses = data?.relatedCourses
     <Container class="flex items-center relative py-3">
       <button
         data-toggle="menu"
-        class="text-black font-medium cursor-pointer lg:bg-white/15 hover:outline lg:border border-black lg:py-0.5 lg:px-2.5 rounded-lg transition flex items-center gap-1
-                       lg:group-open/menu:outline"
+        class="text-black font-medium cursor-pointer lg:bg-white/15 hover:outline
+               lg:border border-black lg:py-0.5 lg:px-2.5 rounded-lg transition
+               flex items-center gap-1 lg:group-open/menu:outline"
       >
         <div class="truncate max-w-36 sm:max-w-72">
           {title}
@@ -39,7 +40,7 @@ const relatedCourses = data?.relatedCourses
         <div class="text-black bg-lime-400 rounded-xl lg:rounded-2xl">
           <button
             class="border border-black absolute rounded-full cursor-pointer outline-none
-                              top-2.5 lg:top-5 right-5"
+                   top-2.5 lg:top-5 right-5"
             data-dismiss
           >
             <Icon name="x-mark" class="size-4 p-0.5" />