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

frontend/src/lib/components/media/VoiceMessage.svelte

@@ -96,15 +96,15 @@
 <div class="VoiceWrap" class:own>
   <div class="Voice">
     <button
+      aria-label="Play voice"
       class="toggle"
       onclick={toggle}
       type="button"
-      aria-label="Play voice"
     >
       <Icon
+        class={paused ? "nudge" : ""}
         name={paused ? "play" : "pause"}
         size="1.5rem"
-        class={paused ? "nudge" : ""}
       />
     </button>
     <div class="body">
@@ -113,20 +113,20 @@
         {#each peaks as peak, i (i)}
           <span
             class="bar"
-            class:filled={i / peaks.length < progress}
             style:height={`${Math.round(peak * 100)}%`}
+            class:filled={i / peaks.length < progress}
           ></span>
         {/each}
       </div>
       <div class="time">{formatDuration(elapsed)}</div>
     </div>
     <button
+      aria-label="Show transcription"
       class="transcribe"
-      class:active={showTranscript && Boolean(text)}
       disabled={pending}
       onclick={onTranscribe}
       type="button"
-      aria-label="Show transcription"
+      class:active={showTranscript && Boolean(text)}
     >
       {#if pending}
         <Spinner color={own ? "white" : "gray"} size="1rem" />
@@ -136,14 +136,14 @@
     </button>
     <!-- biome-ignore lint/a11y/useMediaCaption: archived voice note has no captions -->
     <audio
+      onended={() => element && releasePlayback(element)}
+      onplay={() => element && claimPlayback(element)}
+      preload="metadata"
+      src={url}
       bind:this={element}
       bind:currentTime
       bind:duration
       bind:paused
-      onplay={() => element && claimPlayback(element)}
-      onended={() => element && releasePlayback(element)}
-      preload="metadata"
-      src={url}
     ></audio>
   </div>
   {#if text && showTranscript}