ui: ESLint config updates (#27700)

* chore: Spacing between sibling elements in html markup

* chore: Formatting and linting rules

tools/ui/tests/client/components/AgenticPerfWrapper.svelte

@@ -7,10 +7,10 @@
 <Tooltip.Provider>
 	{#if perfState.message}
 		<ChatMessageAgenticContent
+			isLastAssistantMessage
+			isStreaming={perfState.isStreaming}
 			message={perfState.message}
 			toolMessages={perfState.toolMessages}
-			isStreaming={perfState.isStreaming}
-			isLastAssistantMessage
 		/>
 	{/if}
 </Tooltip.Provider>

tools/ui/tests/client/components/McpServerFormWrapper.svelte

@@ -25,13 +25,13 @@
 	can read it back without a custom binding API.
 -->
 <McpServerForm
-	url="https://example.test/mcp"
 	headers={headersState}
-	onUrlChange={() => {}}
+	id="mcp-server-form-test"
 	onHeadersChange={(value) => {
 		headersState = value;
 	}}
-	id="mcp-server-form-test"
+	onUrlChange={() => {}}
+	url="https://example.test/mcp"
 />
 
-<div data-testid="captured-headers" data-captured-headers={headersState} hidden></div>
+<div data-captured-headers={headersState} data-testid="captured-headers" hidden></div>

tools/ui/tests/client/components/PickerListScrollHarness.svelte

@@ -25,13 +25,13 @@
 {#if open}
 	<div data-testid="picker-host">
 		<ChatFormPickerList
-			{items}
 			isLoading={false}
-			{selectedIndex}
-			searchQuery=""
-			showSearchInput={false}
-			{scrollTrigger}
 			itemKey={(it) => it.id}
+			{items}
+			{scrollTrigger}
+			searchQuery=""
+			{selectedIndex}
+			showSearchInput={false}
 		>
 			{#snippet item(it, index, isSelected)}
 				<ChatFormPickerListItem dataIndex={index} {isSelected} onclick={() => {}}>