Fix tabs being shifted down by sr-only element

Move the screen-reader only summary element outside of the container with
spacing between elements, as this caused the tab titles to shift down.

src/sidebar/components/SelectionTabs.tsx

@@ -146,15 +146,16 @@ function SelectionTabs({
   const tabCountsSummary = tabCountsSummaryPieces.join(', ');
 
   return (
+    <>
+      <div aria-live="polite" role="status" className="sr-only">
+        {tabCountsSummary}
+      </div>
       <div
         className={classnames(
           // 9px balances out the space above the tabs
           'space-y-3 pb-[9px]',
         )}
       >
-      <div aria-live="polite" role="status" className="sr-only">
-        {tabCountsSummary}
-      </div>
         <div className="flex gap-x-6 theme-clean:ml-[15px]" role="tablist">
           <Tab
             count={annotationCount}
@@ -226,6 +227,7 @@ function SelectionTabs({
           </Card>
         )}
       </div>
+    </>
   );
 }