fix: Custom scrollIntoView function with offsets and onFocus handlers for containers

src/lib/components/Carousel/Carousel.svelte

@@ -3,7 +3,6 @@
 	import { ChevronLeft, ChevronRight } from 'radix-icons-svelte';
 	import classNames from 'classnames';
 	import Container from '../../../Container.svelte';
-	import { scrollWithOffset } from '../../selectable';
 
 	export let gradientFromColor = 'from-stone-950';
 	export let heading = '';
@@ -45,11 +44,7 @@
 	</div>
 
 	<div class="relative">
-		<Container
-			childrenRevealStrategy={scrollWithOffset('left', 64 + 16)}
-			direction="horizontal"
-			navigationActions={{ left: () => true }}
-		>
+		<Container direction="horizontal" navigationActions={{ left: () => true }}>
 			<div
 				class={classNames(
 					'flex overflow-x-scroll items-center overflow-y-visible relative scrollbar-hide',

src/lib/components/Carousel/UICarousel.svelte

@@ -32,6 +32,7 @@
 	}black 5%, black 95%, ${fadeRight ? '' : 'black 100%, '}transparent 100%);`}
 	on:scroll={updateScrollPosition}
 	bind:this={element}
+	navigationActions={{ left: () => true }}
 >
 	<slot />
 </Container>