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

frontend/src/lib/components/MessageList.svelte

@@ -70,7 +70,7 @@
 
   const rows = $derived.by<Row[]>(() => {
     const out: Row[] = [];
-    for (let i = 0; i < messages.length; i++) {
+    for (let i = 0; i < messages.length; i += 1) {
       const message = messages[i];
       const prev = messages[i - 1];
       const next = messages[i + 1];
@@ -78,14 +78,14 @@
       const samePrevDay = prev ? dayKey(prev.date) === day : false;
       const sameNextDay = next ? dayKey(next.date) === day : false;
       out.push({
-        message,
         dayKey: day,
-        own: ownId !== null && message.sender_id === ownId,
+        daySeparator: samePrevDay ? null : formatDay(message.date),
         firstInGroup:
           !prev || prev.sender_id !== message.sender_id || !samePrevDay,
         lastInGroup:
           !next || next.sender_id !== message.sender_id || !sameNextDay,
-        daySeparator: samePrevDay ? null : formatDay(message.date),
+        message,
+        own: ownId !== null && message.sender_id === ownId,
       });
     }
     return out;
@@ -97,9 +97,11 @@
       if (message.sender_id !== null) {
         ids.add(message.sender_id);
       }
+      // biome-ignore lint/suspicious/noEqualsToNull: optional chaining yields undefined here
       if (message.reply?.sender_id != null) {
         ids.add(message.reply.sender_id);
       }
+      // biome-ignore lint/suspicious/noEqualsToNull: optional chaining yields undefined here
       if (message.forward?.from_id != null) {
         ids.add(message.forward.from_id);
       }
@@ -160,9 +162,9 @@
     hasNewer = false;
     try {
       const page = await listMessages(chatId, {
+        include_deleted: true,
         limit: PAGE,
         offset: 0,
-        include_deleted: true,
       });
       messages = [...page].reverse();
       hasMore = page.length > 0;
@@ -213,9 +215,9 @@
     const prevTop = el.scrollTop;
     try {
       const page = await listMessages(chatId, {
-        limit: PAGE,
         before_id: messages[0].message_id,
         include_deleted: true,
+        limit: PAGE,
       });
       const known = new Set(messages.map((m) => m.message_id));
       const fresh = page.filter((m) => !known.has(m.message_id));
@@ -241,9 +243,9 @@
     loadingNewer = true;
     try {
       const page = await listMessages(chatId, {
-        limit: PAGE,
         after_id: messages.at(-1)?.message_id,
         include_deleted: true,
+        limit: PAGE,
       });
       const known = new Set(messages.map((m) => m.message_id));
       const fresh = page.filter((m) => !known.has(m.message_id));
@@ -266,14 +268,14 @@
     try {
       const [older, newer] = await Promise.all([
         listMessages(chatId, {
-          limit: PAGE,
           before_id: messageId + 1,
           include_deleted: true,
+          limit: PAGE,
         }),
         listMessages(chatId, {
-          limit: PAGE,
           after_id: messageId,
           include_deleted: true,
+          limit: PAGE,
         }),
       ]);
       messages = [...[...older].reverse(), ...newer];
@@ -395,9 +397,9 @@
       return;
     }
     const page = await listMessages(chatId, {
+      include_deleted: true,
       limit: PAGE,
       offset: 0,
-      include_deleted: true,
     });
     const fresh = [...page].reverse();
     const known = new Map(messages.map((m) => [m.message_id, m]));
@@ -460,9 +462,9 @@
 <div class="message-pane">
   <PinnedBar {chatId} onjump={jumpToMessage} />
   <div
-    bind:this={container}
     class="message-list custom-scroll"
     onscroll={onScroll}
+    bind:this={container}
   >
     {#if loading && messages.length === 0}
       <div class="messages-container">
@@ -481,8 +483,8 @@
           {#if row.daySeparator}
             <div
               class="day-separator"
-              class:idle={!scrolling && row.dayKey === stuckDay}
               data-day={row.dayKey}
+              class:idle={!scrolling && row.dayKey === stuckDay}
             >
               <span>{row.daySeparator}</span>
             </div>
@@ -491,16 +493,16 @@
             <ActionMessage message={row.message} onjump={jumpToMessage} />
           {:else}
             <MessageBubble
-              message={row.message}
-              own={row.own}
-              {isGroupChat}
-              firstInGroup={row.firstInGroup}
-              lastInGroup={row.lastInGroup}
-              highlighted={highlightId === row.message.message_id}
               animate={!suppressAppear}
+              firstInGroup={row.firstInGroup}
+              highlighted={highlightId === row.message.message_id}
+              {isGroupChat}
+              lastInGroup={row.lastInGroup}
+              message={row.message}
               onjump={jumpToMessage}
               onmedia={(index) => openMedia(row.message, index)}
               onversions={() => openVersions(row.message.message_id)}
+              own={row.own}
             />
           {/if}
         {/each}
@@ -512,10 +514,10 @@
   </div>
   {#if hasNewer}
     <button
-      type="button"
+      aria-label="К последним сообщениям"
       class="to-latest"
       onclick={goToLatest}
-      aria-label="К последним сообщениям"
+      type="button"
     >
       <Icon name="arrow-down" />
     </button>
@@ -523,15 +525,15 @@
 </div>
 
 <MediaViewer
-  bind:open={mediaOpen}
-  bind:index={mediaIndex}
   {chatId}
   items={mediaItems}
+  bind:index={mediaIndex}
+  bind:open={mediaOpen}
 />
 <MessageVersions
-  bind:open={versionsOpen}
   {chatId}
   messageId={versionsMessageId}
+  bind:open={versionsOpen}
 />
 
 <style lang="scss">