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

frontend/src/lib/components/stories/AllStoriesArchive.svelte

@@ -70,23 +70,23 @@
       }
       const peerById = new Map(peers.map((peer) => [peer.peer_id, peer]));
       const chatById = new Map(fetched.map((item) => [item.chat_id, item]));
-      groups = [...byPeer.entries()].map(([peerId, stories]) => {
+      groups = [...byPeer.entries()].map(([peerId, peerStories]) => {
         if (peerId > 0) {
           const peer = peerById.get(peerId) ?? null;
           return {
-            peerId,
+            hasAvatar: Boolean(peer?.has_avatar),
             kind: "peer" as const,
             name: peerName(peer) || `ID ${peerId}`,
-            hasAvatar: Boolean(peer?.has_avatar),
+            peerId,
             stories,
           };
         }
         const chat = chatById.get(peerId);
         return {
-          peerId,
+          hasAvatar: Boolean(chat?.has_avatar),
           kind: "chat" as const,
           name: chat?.title ?? `Chat ${peerId}`,
-          hasAvatar: Boolean(chat?.has_avatar),
+          peerId,
           stories,
         };
       });
@@ -102,7 +102,7 @@
       return;
     }
     untrack(() => {
-      token++;
+      token += 1;
       groups = [];
       loading = false;
       for (const key of Object.keys(previews)) {
@@ -176,17 +176,17 @@
     <section class="group">
       <header class="group-head">
         <button
-          type="button"
-          class="group-toggle"
           aria-expanded={Boolean(expanded[group.peerId])}
+          class="group-toggle"
           onclick={() => toggle(group.peerId)}
+          type="button"
         >
           <Avatar
-            name={group.name}
+            avatar={{ id: group.peerId, kind: group.kind }}
             colorKey={group.peerId}
-            size={2}
-            avatar={{ kind: group.kind, id: group.peerId }}
             hasAvatar={group.hasAvatar}
+            name={group.name}
+            size={2}
           />
           <span class="group-name">{group.name}</span>
           <span class="group-count">{group.stories.length}</span>
@@ -195,12 +195,12 @@
           </span>
         </button>
         <Button
-          variant="translucent"
-          round
-          smaller
+          aria-label="Загрузить старые сторис"
           loading={backfilling === group.peerId}
           onclick={() => backfill(group.peerId)}
-          aria-label="Загрузить старые сторис"
+          round
+          smaller
+          variant="translucent"
         >
           <Icon name="cloud-download" />
         </Button>
@@ -209,9 +209,9 @@
         <div class="grid">
           {#each group.stories as item, index (item.story_id)}
             <StoryTile
-              story={item}
-              preview={previews[item.story_id]}
               onopen={() => openViewer(group, index)}
+              preview={previews[item.story_id]}
+              story={item}
             />
           {/each}
         </div>
@@ -220,8 +220,8 @@
   {/each}
 
   <StoryViewer
-    peerId={viewerPeerId}
     items={viewerItems}
+    peerId={viewerPeerId}
     bind:index={viewerIndex}
     bind:open={viewerOpen}
   />