web/ProcessingQueueItem: fix clear button focusability

it's no longer focusable when popover is hidden, fr this time

web/src/components/queue/ProcessingQueue.svelte

@@ -46,7 +46,7 @@
     });
 </script>
 
-<div id="processing-queue" class:expanded={$queueVisible}>
+<div id="processing-queue">
     <ProcessingStatus
         progress={totalProgress * 100}
         {indeterminate}
@@ -68,7 +68,11 @@
                 />
                 <div class="header-buttons">
                     {#if queue.length}
-                        <button class="clear-button" onclick={clearQueue}>
+                        <button
+                            class="clear-button"
+                            onclick={clearQueue}
+                            tabindex={!$queueVisible ? -1 : undefined}
+                        >
                             <IconX />
                             {$t("button.clear")}
                         </button>
@@ -144,10 +148,6 @@
         outline-offset: 5px;
     }
 
-    #processing-queue:not(.expanded) .header-buttons button {
-        pointer-events: none;
-    }
-
     .header-buttons button :global(svg) {
         height: 16px;
         width: 16px;