ui: ESLint config updates (#27700)

* chore: Spacing between sibling elements in html markup

* chore: Formatting and linting rules

tools/ui/tests/stories/a11y/ScrollCarousel.a11y.stories.svelte

@@ -1,4 +1,4 @@
-<script module lang="ts">
+<script lang="ts" module>
 	import { defineMeta } from '@storybook/addon-svelte-csf';
 	import { ScrollCarousel } from '$lib/components/app';
 	import { ScrollCarouselVariant } from '$lib/enums';
@@ -34,10 +34,13 @@
 >
 	<div>
 		<button type="button">before</button>
+
 		<ScrollCarousel class="w-96" variant={ScrollCarouselVariant.CENTER}>
 			<div class="h-12 w-12 shrink-0 bg-muted"></div>
+
 			<div class="h-12 w-12 shrink-0 bg-muted"></div>
 		</ScrollCarousel>
+
 		<button type="button">after</button>
 	</div>
 </Story>
@@ -61,6 +64,7 @@
 >
 	<div>
 		<button type="button">before</button>
+
 		<ScrollCarousel class="w-48" variant={ScrollCarouselVariant.CENTER}>
 			{#each [...Array(20).keys()] as i (i)}
 				<div class="h-12 w-24 shrink-0 bg-muted">{i}</div>