fix(a11y): not showing ring on button when using mouse

Author: technikhil314

components/buttons/copyLink.vue

@@ -14,9 +14,8 @@
         transform
         rounded-md
         shadow
-        outline-none
         justify-self-end
-        focus:ring-4
+        focus-visible:ring-4
         active:scale-y-75
         hover:scale-105 hover:shadow-lg
         copy-uri-button

components/buttons/nextDiff.vue

@@ -14,10 +14,9 @@
         bg-gray-300
         border border-gray-800
         rounded-sm
-        outline-none
         dark:border-gray-400 dark:text-white dark:bg-gray-800
         align-center
-        focus:ring-4
+        focus-visible:ring-4
         active:scale-y-75
         hover:scale-105 hover:shadow-lg
       "

components/buttons/prevDiff.vue

@@ -14,10 +14,9 @@
         bg-gray-300
         border border-gray-800
         rounded-sm
-        outline-none
+        focus-visible:ring-4
         dark:border-gray-400 dark:text-white dark:bg-gray-800
         align-center
-        focus:ring-4
         active:scale-y-75
         hover:scale-105 hover:shadow-lg
       "