ui: ESLint config updates (#27700)

* chore: Spacing between sibling elements in html markup

* chore: Formatting and linting rules

tools/ui/src/lib/components/app/settings/SettingsChatMobileHeader.svelte

@@ -45,7 +45,7 @@
 	</div>
 
 	<div class="border-b border-border/30 py-2">
-		<ScrollCarousel {carousel} alwaysShowArrows containerClass="py-2" innerClass="gap-2">
+		<ScrollCarousel alwaysShowArrows {carousel} containerClass="py-2" innerClass="gap-2">
 			{#each sections as section (section.title)}
 				{#if getHref}
 					<a
@@ -61,6 +61,7 @@
 						}}
 					>
 						<section.icon class="{ICON_CLASS_DEFAULT} flex-shrink-0" />
+
 						<span>{section.title}</span>
 					</a>
 				{:else}
@@ -77,6 +78,7 @@
 						}}
 					>
 						<section.icon class="{ICON_CLASS_DEFAULT} flex-shrink-0" />
+
 						<span>{section.title}</span>
 					</button>
 				{/if}