fix: issue with focus states in safari, fixed multiple focus states accross the application

Approved-by: Anton Gunnarsson

apps/scandic-web/components/Blocks/ShortcutsList/ShortcutsListItems/shortcutsListItems.module.css

@@ -22,6 +22,6 @@
 }
 
 .link:focus-visible {
-  outline: 2px auto var(--Border-Interactive-Focus);
+  outline: 2px solid var(--Border-Interactive-Focus);
   outline-offset: -4px;
 }

apps/scandic-web/components/Carousel/carousel.module.css

@@ -17,10 +17,6 @@
   min-width: 0;
 }
 
-.item:focus-visible {
-  outline: 2px auto var(--Border-Interactive-Focus);
-  outline-offset: 1px;
-}
 .buttonWrapper {
   position: absolute;
   top: 50%;

apps/scandic-web/components/Header/MainMenu/MainMenuButton/menuButton.module.css

@@ -10,11 +10,6 @@
   border-width: 0;
   padding: var(--Space-x05) 0;
 
-  &:focus-visible {
-    outline: 2px auto var(--Border-Interactive-Focus);
-    outline-offset: 1px;
-  }
-
   &.loading {
     cursor: progress;
   }

apps/scandic-web/components/Header/MainMenu/MenuLink/menuLink.module.css

@@ -12,11 +12,6 @@
     background-color: var(--Surface-Primary-Hover);
   }
 
-  &:focus-visible {
-    outline: 2px auto var(--Border-Interactive-Focus);
-    outline-offset: 1px;
-  }
-
   &:not(:hover) .arrowIcon {
     opacity: 0;
   }