feat(high contrast): add border to some hover states

Author: srambach

packages/module/sass/react-catalog-view-extension/_filter-side-panel.scss

@@ -33,7 +33,26 @@
 
   &:hover {
     background-color: var(--pf-t--global--background--color--action--plain--hover);
-  }
+    position: relative;
+
+    &::after {
+      content: '';
+      position: absolute;
+      left: 0;
+      right: 0;
+      top: 0;
+      bottom: 0;
+      border-width: var(--pf-t--global--border--width--high-contrast--regular);
+      border-style: solid;
+      border-color: transparent;
+      border-radius: inherit;
+      pointer-events: none;
+    }
+
+    &::after {
+      border-color: var(--pf-t--global--border--color--high-contrast);
+    }
+}
 
   .pf-v6-c-check__label {
     min-height: var(--pf-t--global--spacer--md);

packages/module/sass/react-catalog-view-extension/_vertical-tabs.scss

@@ -22,11 +22,30 @@
     width: 100%;
     word-break: break-word;
     border-radius: var(--pf-t--global--border--radius--small);
+    position: relative;
+
+    &::after {
+      content: '';
+      position: absolute;
+      left: 0;
+      right: 0;
+      top: 0;
+      bottom: 0;
+      border-width: var(--pf-t--global--border--width--high-contrast--regular);
+      border-style: solid;
+      border-color: transparent;
+      border-radius: inherit;
+      pointer-events: none;
+    }
 
     &:hover,
     &:focus {
       background-color: var(--pf-t--global--background--color--action--plain--hover);
       text-decoration: none;
+
+      &::after {
+        border-color: var(--pf-t--global--border--color--high-contrast);
+      }
     }
 
     &.no-wrap {