ui: ESLint config updates (#27700)

* chore: Spacing between sibling elements in html markup

* chore: Formatting and linting rules

tools/ui/src/routes/(chat)/+page.svelte

@@ -95,6 +95,6 @@
 
 <DialogModelNotAvailable
 	bind:open={showModelNotAvailable}
-	modelName={requestedModelName}
 	availableModels={availableModelNames}
+	modelName={requestedModelName}
 />

tools/ui/src/routes/(chat)/chat/[id]/+page.svelte

@@ -139,6 +139,6 @@
 
 <DialogModelNotAvailable
 	bind:open={showModelNotAvailable}
-	modelName={requestedModelName}
 	availableModels={availableModelNames}
+	modelName={requestedModelName}
 />

tools/ui/src/routes/+error.svelte

@@ -48,21 +48,24 @@
 						viewBox="0 0 24 24"
 					>
 						<path
+							d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"
 							stroke-linecap="round"
 							stroke-linejoin="round"
 							stroke-width="2"
-							d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"
 						/>
 					</svg>
 				</div>
+
 				<h1 class="mb-2 text-2xl font-bold">Error {status}</h1>
+
 				<p class="text-muted-foreground">
 					{error?.message || 'Something went wrong'}
 				</p>
 			</div>
+
 			<button
-				onclick={() => goto(ROUTES.START)}
 				class="rounded-md bg-primary px-4 py-2 text-primary-foreground hover:bg-primary/90"
+				onclick={() => goto(ROUTES.START)}
 			>
 				Go Home
 			</button>

tools/ui/src/routes/+layout.svelte

@@ -296,7 +296,7 @@
 
 <svelte:head>
 	{#if pwaAssetsHead.themeColor}
-		<meta name="theme-color" content={pwaAssetsHead.themeColor.content} />
+		<meta content={pwaAssetsHead.themeColor.content} name="theme-color" />
 	{/if}
 
 	{#if settingsStore.config.customCss}
@@ -310,7 +310,7 @@
 	<PwaMetaTags />
 </svelte:head>
 
-<svelte:window onkeydown={handleKeydown} bind:innerHeight bind:innerWidth />
+<svelte:window bind:innerHeight bind:innerWidth onkeydown={handleKeydown} />
 <svelte:document onvisibilitychange={handleVisibilityChange} />
 
 <Tooltip.Provider delayDuration={TOOLTIP_DELAY_DURATION}>
@@ -342,8 +342,8 @@
 	{/if}
 
 	<PwaRefreshAlert
-		needRefresh={$needRefresh || pwa.needRefreshByStorage}
 		forceReload={pwa.needRefreshByStorage}
+		needRefresh={$needRefresh || pwa.needRefreshByStorage}
 		{updateServiceWorker}
 	/>
 </div>

tools/ui/src/routes/search/+page.svelte

@@ -77,9 +77,9 @@
 
 <div class="fixed top-0 z-10 left-0 right-0 p-2">
 	<SearchInput
-		autofocus
-		bind:value={searchQuery}
 		bind:ref={searchInputRef}
+		bind:value={searchQuery}
+		autofocus
 		onClose={handleBack}
 		placeholder="Search conversations..."
 	/>
@@ -87,12 +87,12 @@
 
 <div class="p-2 pt-16">
 	<SidebarNavigationSearchResults
-		{searchQuery}
-		{filteredConversations}
 		{currentChatId}
-		onSelect={selectConversation}
-		onEdit={handleEditConversation}
+		{filteredConversations}
 		onDelete={handleDeleteConversation}
+		onEdit={handleEditConversation}
+		onSelect={selectConversation}
 		onStop={handleStopGeneration}
+		{searchQuery}
 	/>
 </div>

tools/ui/src/routes/settings/+layout.svelte

@@ -30,7 +30,7 @@
 </script>
 
 <div class="fixed top-4.5 right-4 z-50 md:hidden">
-	<ActionIcon icon={X} tooltip="Close" onclick={handleClose} />
+	<ActionIcon icon={X} onclick={handleClose} tooltip="Close" />
 </div>
 
 <div class="min-h-full">