web: use outline for focus ring instead of box-shadow

- prevents conflicts with existing box-shadow(s) on basically all components
- removes the need for data-focus-ring-hidden or any other weird workarounds

web/src/components/dialog/PickerItem.svelte

@@ -72,7 +72,8 @@
         width: 100%;
         height: 100%;
         position: absolute;
-        box-shadow: var(--focus-ring);
+        outline: var(--focus-ring);
+        outline-offset: var(--focus-ring-offset);
         border-radius: inherit;
     }
 

web/src/components/donate/DonateShareCard.svelte

@@ -162,12 +162,9 @@
         box-shadow: 0 0 0 2px rgba(255, 255, 255, var(--donate-border-opacity));
     }
 
-    #share-qr:focus-visible {
-        box-shadow: none !important;
-    }
-
     #share-qr:focus-visible :global(svg) {
-        box-shadow: 0 0 0 2px var(--blue);
+        outline: var(--focus-ring);
+        outline-offset: var(--focus-ring-offset);
     }
 
     #action-buttons {