fix(ui): Trim handle animation to sync with audio

source/ui/src/lib/Notes.svelte

@@ -90,7 +90,10 @@ const keyDown = (event: KeyboardEvent): void => {
     tabindex="0"
   >
     <audio bind:currentTime bind:duration bind:paused src={$audioBlob} />
-    <div class="handle" style:transform="translate({imageWidth * (currentTime / duration)}px, -2%)" />
+    <div
+      class="handle"
+      style:transform="translate({Math.min(imageWidth * (currentTime / (duration - 0.9)), imageWidth)}px, -2%)"
+    />
     {#if paused}
       <img
         class="play-button"