style(frontend): apply ultracite 7.12 formatting and lint rules

frontend/src/lib/components/ChatList.svelte

@@ -75,7 +75,7 @@
   });
 
   function measure(el: HTMLElement) {
-    scrollTop = el.scrollTop;
+    ({ scrollTop } = el);
     if (el.scrollTop + el.clientHeight >= el.scrollHeight - SCROLL_THRESHOLD) {
       chats.loadMore(folders.selectedId).catch(() => undefined);
     }
@@ -94,35 +94,35 @@
 </script>
 
 <div
-  bind:this={viewport}
-  bind:clientHeight={viewportHeight}
   class="chat-list custom-scroll"
   onscroll={onScroll}
+  bind:this={viewport}
+  bind:clientHeight={viewportHeight}
 >
   {#if chats.loading && list.length === 0}
     {#each skeletonRows as index (index)}
       <div class="row-skeleton">
-        <Skeleton width="3rem" height="3rem" circle />
+        <Skeleton circle height="3rem" width="3rem" />
         <div class="row-skeleton-lines">
-          <Skeleton width="55%" height="0.875rem" />
-          <Skeleton width="80%" height="0.8125rem" />
+          <Skeleton height="0.875rem" width="55%" />
+          <Skeleton height="0.8125rem" width="80%" />
         </div>
       </div>
     {/each}
   {:else if list.length === 0}
     <EmptyState
-      title={folders.selectedId === null ? "No chats yet" : "Empty folder"}
       description={folders.selectedId === null
         ? undefined
         : "No chats match this folder yet"}
+      title={folders.selectedId === null ? "No chats yet" : "Empty folder"}
     />
   {:else}
-    <div style:padding-top="{padTop}px" style:padding-bottom="{padBottom}px">
+    <div style:padding-bottom="{padBottom}px" style:padding-top="{padTop}px">
       {#each visible as chat (chat.chat_id)}
         <ChatListItem
           {chat}
-          selected={chat.chat_id === activeChatId}
           onclick={() => goto(`/app/${chat.chat_id}`)}
+          selected={chat.chat_id === activeChatId}
         />
       {/each}
     </div>