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

frontend/src/lib/components/shares/ShareDialog.svelte

@@ -88,7 +88,8 @@
     showQr = false;
     expiresIn = null;
     maxDownloads = null;
-    const current = ++token;
+    token += 1;
+    const current = token;
     try {
       const found = await lookupShare(target);
       if (current === token) {
@@ -172,7 +173,7 @@
     <Dialog.Content class="dialog-content">
       <header class="dialog-head">
         <Dialog.Title class="dialog-title">Доступ по ссылке</Dialog.Title>
-        <Dialog.Close class="dialog-close" aria-label="Закрыть">
+        <Dialog.Close aria-label="Закрыть" class="dialog-close">
           <Icon name="close" size="1.25rem" />
         </Dialog.Close>
       </header>
@@ -195,11 +196,11 @@
 
           <div class="qr-row">
             <button
-              type="button"
               class="qr-toggle"
               onclick={() => {
                 showQr = !showQr;
               }}
+              type="button"
             >
               <Icon name={showQr ? "collapse" : "webapp"} size="1rem" />
               {showQr ? "Скрыть QR-код" : "Показать QR-код"}
@@ -207,7 +208,7 @@
           </div>
           {#if showQr}
             <div class="qr-slot">
-              <QrCode value={shareUrl(share)} label="QR-код ссылки на файл" />
+              <QrCode label="QR-код ссылки на файл" value={shareUrl(share)} />
             </div>
           {/if}
 
@@ -222,12 +223,12 @@
             <div class="segments">
               {#each limitChoices as choice (choice.label)}
                 <button
-                  type="button"
                   class="segment"
-                  class:selected={maxDownloads === choice.value}
                   onclick={() => {
                     maxDownloads = choice.value;
                   }}
+                  type="button"
+                  class:selected={maxDownloads === choice.value}
                 >
                   {choice.label}
                 </button>
@@ -240,12 +241,12 @@
             <div class="segments">
               {#each liveExpiryChoices as choice (choice.label)}
                 <button
-                  type="button"
                   class="segment"
-                  class:selected={expiresIn === choice.value}
                   onclick={() => {
                     expiresIn = choice.value;
                   }}
+                  type="button"
+                  class:selected={expiresIn === choice.value}
                 >
                   {choice.label}
                 </button>
@@ -268,12 +269,12 @@
             <div class="segments">
               {#each expiryChoices as choice (choice.label)}
                 <button
-                  type="button"
                   class="segment"
-                  class:selected={expiresIn === choice.value}
                   onclick={() => {
                     expiresIn = choice.value;
                   }}
+                  type="button"
+                  class:selected={expiresIn === choice.value}
                 >
                   {choice.label}
                 </button>
@@ -286,12 +287,12 @@
             <div class="segments">
               {#each limitChoices as choice (choice.label)}
                 <button
-                  type="button"
                   class="segment"
-                  class:selected={maxDownloads === choice.value}
                   onclick={() => {
                     maxDownloads = choice.value;
                   }}
+                  type="button"
+                  class:selected={maxDownloads === choice.value}
                 >
                   {choice.label}
                 </button>
@@ -309,12 +310,12 @@
       {#if !loading}
         <div class="dialog-actions">
           {#if share}
-            <Button variant="danger" pill loading={busy} onclick={revoke}>
+            <Button loading={busy} onclick={revoke} pill variant="danger">
               Отозвать
             </Button>
-            <Button pill loading={busy} onclick={applyLimits}>Сохранить</Button>
+            <Button loading={busy} onclick={applyLimits} pill>Сохранить</Button>
           {:else}
-            <Button pill fluid loading={busy} onclick={publish}>
+            <Button fluid loading={busy} onclick={publish} pill>
               Открыть доступ
             </Button>
           {/if}

frontend/src/lib/components/shares/ShareLinkField.svelte

@@ -30,7 +30,7 @@
   }
 </script>
 
-<button type="button" class="link-field" class:copied onclick={copy}>
+<button class="link-field" onclick={copy} type="button" class:copied>
   <span class="url">{url}</span>
   <span class="action">
     <Icon name={copied ? "check" : "copy"} size="1.125rem" />

frontend/src/lib/components/shares/SharesPanel.svelte

@@ -27,9 +27,9 @@
 
   const stateLabels: Record<string, string> = {
     active: "Открыт",
-    revoked: "Отозван",
-    expired: "Истёк",
     exhausted: "Лимит исчерпан",
+    expired: "Истёк",
+    revoked: "Отозван",
   };
 
   let items = $state<FileShare[]>([]);
@@ -51,7 +51,8 @@
   );
 
   async function load() {
-    const current = ++token;
+    token += 1;
+    const current = token;
     const activeOnly = filter === "active";
     loading = true;
     try {
@@ -134,31 +135,31 @@
 <div class="toolbar">
   <div class="tabs">
     <button
-      type="button"
       class="tab"
-      class:selected={filter === "active"}
       onclick={() => {
         filter = "active";
       }}
+      type="button"
+      class:selected={filter === "active"}
     >
       Открытые{activeCount ? ` · ${activeCount}` : ""}
     </button>
     <button
-      type="button"
       class="tab"
-      class:selected={filter === "all"}
       onclick={() => {
         filter = "all";
       }}
+      type="button"
+      class:selected={filter === "all"}
     >
       Все
     </button>
   </div>
   <button
-    type="button"
-    class="reload"
     aria-label="Обновить"
+    class="reload"
     onclick={() => load()}
+    type="button"
   >
     <Icon name="reload" size="1.125rem" />
   </button>
@@ -168,8 +169,8 @@
   <div class="center"><Spinner /></div>
 {:else if visible.length === 0}
   <EmptyState
-    title="Ничего не открыто"
     description="Откройте доступ к файлу из меню медиа"
+    title="Ничего не открыто"
   />
 {:else}
   <ul class="list">
@@ -180,11 +181,11 @@
           {#snippet children({ props })}
             <button
               {...props}
-              type="button"
               class="head"
               onclick={() => {
                 expanded = expanded === share.id ? null : share.id;
               }}
+              type="button"
             >
               <span class="glyph" class:muted={state !== "active"}>
                 <Icon
@@ -248,23 +249,23 @@
             {/if}
             <div class="actions">
               {#if share.message_id !== null || share.peer_id !== null}
-                <button type="button" class="pill" onclick={() => jump(share)}>
+                <button class="pill" onclick={() => jump(share)} type="button">
                   <Icon name="reply" size="1rem" />К сообщению
                 </button>
               {/if}
               {#if state === "active"}
                 <button
-                  type="button"
                   class="pill danger"
                   onclick={() => revoke(share)}
+                  type="button"
                 >
                   <Icon name="link-broken" size="1rem" />Отозвать
                 </button>
               {:else}
                 <button
-                  type="button"
                   class="pill"
                   onclick={() => reissue(share)}
+                  type="button"
                 >
                   <Icon name="replace" size="1rem" />Новая ссылка
                 </button>