chore: fix linting and type safety across the project

src/components/ui/carousel.tsx

@@ -117,16 +117,16 @@ function Carousel({
 				canScrollNext,
 			}}
 		>
-			<div
+			{/* biome-ignore lint/a11y/useAriaPropsSupportedByRole: section with aria-roledescription is standard for carousels. */}
+			<section
 				onKeyDownCapture={handleKeyDown}
 				className={cn("relative", className)}
-				role="region"
 				aria-roledescription="carousel"
 				data-slot="carousel"
 				{...props}
 			>
 				{children}
-			</div>
+			</section>{" "}
 		</CarouselContext.Provider>
 	);
 }
@@ -156,6 +156,7 @@ function CarouselItem({ className, ...props }: React.ComponentProps<"div">) {
 	const { orientation } = useCarousel();
 
 	return (
+		// biome-ignore lint/a11y/useSemanticElements: role='group' and aria-roledescription='slide' is standard for carousel slides.
 		<div
 			role="group"
 			aria-roledescription="slide"