Use focus-visible for switch component

Prevent unnecessary outline when clicking on the component

client/scss/components/forms/_switch.scss

@@ -89,10 +89,17 @@ $switch-border-radius: math.div(($switch-height + $switch-border * 2), 2);
     opacity: 0.3;
   }
 
-  [type='checkbox']:focus + &__toggle {
+  [type='checkbox']:focus-visible + &__toggle {
     outline: $color-focus-outline solid $switch-outline;
   }
 
+  @supports not selector(:focus-visible) {
+    /* Fallback for browsers without :focus-visible support */
+    [type='checkbox']:focus + &__toggle {
+      outline: $color-focus-outline solid $switch-outline;
+    }
+  }
+
   [type='checkbox'] {
     position: absolute;
     opacity: 0;