update shadcn components

web/src/lib/components/ui/carousel/carousel-content.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
-	import emblaCarouselSvelte from 'embla-carousel-svelte';
-	import type { WithElementRef } from 'bits-ui';
-	import type { HTMLAttributes } from 'svelte/elements';
-	import { getEmblaContext } from './context.js';
-	import { cn } from '$lib/utils.js';
+	import emblaCarouselSvelte from "embla-carousel-svelte";
+	import type { WithElementRef } from "bits-ui";
+	import type { HTMLAttributes } from "svelte/elements";
+	import { getEmblaContext } from "./context.js";
+	import { cn } from "$lib/utils.js";
 
 	let {
 		ref = $bindable(null),
@@ -12,32 +12,32 @@
 		...restProps
 	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
 
-	const emblaCtx = getEmblaContext('<Carousel.Content/>');
+	const emblaCtx = getEmblaContext("<Carousel.Content/>");
 </script>
 
 <!-- svelte-ignore event_directive_deprecated -->
 <div
 	class="overflow-hidden"
-	on:emblaInit={emblaCtx.onInit}
 	use:emblaCarouselSvelte={{
 		options: {
-			container: '[data-embla-container]',
-			slides: '[data-embla-slide]',
+			container: "[data-embla-container]",
+			slides: "[data-embla-slide]",
 			...emblaCtx.options,
-			axis: emblaCtx.orientation === 'horizontal' ? 'x' : 'y'
+			axis: emblaCtx.orientation === "horizontal" ? "x" : "y",
 		},
-		plugins: emblaCtx.plugins
+		plugins: emblaCtx.plugins,
 	}}
+	on:emblaInit={emblaCtx.onInit}
 >
 	<div
-		{...restProps}
 		bind:this={ref}
 		class={cn(
-			'flex',
-			emblaCtx.orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col',
+			"flex",
+			emblaCtx.orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
 			className
 		)}
 		data-embla-container=""
+		{...restProps}
 	>
 		{@render children?.()}
 	</div>