feat: enhance Tab component styles for vertical and horizontal orientations

Author: nicosammito

src/components/tab/Tab.style.scss

@@ -23,19 +23,36 @@
     position: relative;
     box-sizing: border-box;
 
+    &:after {
+      content: "";
+      position: absolute;
+      background: transparent;
+      border-radius: 50rem;
+    }
+
     &[data-orientation="vertical"] {
-      border-left: 2px solid transparent;
+      &:after {
+        height: 100%;
+        width: 2px;
+        top: 0;
+        left: 0;
+      }
     }
+
     &[data-orientation="horizontal"] {
-      border-bottom: 2px solid transparent;
+      &:after {
+        width: 100%;
+        height: 2px;
+        bottom: 0;
+        left: 0;
+      }
     }
 
     &[aria-selected=true] {
-      &[data-orientation="vertical"] {
-        border-left: 2px solid helpers.borderColor(variables.$info);
-      }
-      &[data-orientation="horizontal"] {
-        border-bottom: 2px solid helpers.borderColor(variables.$info);
+      &[data-orientation="vertical"], &[data-orientation="horizontal"] {
+        &:after {
+          background: variables.$info;
+        }
       }
     }