ui: ESLint config updates (#27700)

* chore: Spacing between sibling elements in html markup

* chore: Formatting and linting rules

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

@@ -1,4 +1,4 @@
-<script module lang="ts">
+<script lang="ts" module>
 	import { defineMeta } from '@storybook/addon-svelte-csf';
 	import ChatMessageStatistics from '$lib/components/app/chat/ChatMessages/ChatMessageStatistics/ChatMessageStatistics.svelte';
 	import { expect } from 'storybook/test';
@@ -14,7 +14,6 @@
 </script>
 
 <Story
-	name="ViewButtonsSingleTabStop"
 	args={{
 		agenticTimings: {
 			llm: { predicted_ms: 1000, predicted_n: 200, prompt_ms: 500, prompt_n: 100 },
@@ -29,6 +28,7 @@
 		promptMs: 500,
 		promptTokens: 100
 	}}
+	name="ViewButtonsSingleTabStop"
 	play={async ({ canvas, userEvent }) => {
 		const reading = await canvas.findByRole('button', { name: 'Reading' });
 		const generation = await canvas.findByRole('button', { name: 'Generation' });