feat(Chatbot): Add support for high contrast

Add borders to container that show in high contrast mode.

Author: rebeccaalpert

packages/module/src/Chatbot/Chatbot.scss

@@ -28,6 +28,9 @@
     opacity: 1;
     transform: translateY(0);
   }
+  // for high contrast support
+  border: var(--pf-t--global--border--width--high-contrast--regular) solid
+    var(--pf-t--global--border--color--high-contrast);
 
   // 32 rem is the width of the overlay chatbot plus the insets
   // if the screen is smaller, we want to be 100%
@@ -46,6 +49,10 @@
 // Chatbot Display Mode - Docked
 // ============================================================================
 .pf-chatbot--docked {
+  // for high contrast support
+  border: unset;
+  border-left: var(--pf-t--global--border--width--high-contrast--regular) solid
+    var(--pf-t--global--border--color--high-contrast);
   inset-block-end: 0;
   inset-inline-end: 0;
   padding: 0;
@@ -65,6 +72,8 @@
 // Chatbot Display Mode - Fullscreen
 // ============================================================================
 .pf-chatbot--fullscreen {
+  // for high contrast support
+  border: unset;
   inset-block-end: 0;
   inset-inline-end: 0;
   padding: 0;
@@ -78,6 +87,8 @@
 // Chatbot Display Mode - Embedded
 // ============================================================================
 .pf-chatbot--embedded {
+  // for high contrast support
+  border: unset;
   position: static;
   width: 100%;
   min-height: 100%;
@@ -127,6 +138,9 @@
   box-shadow: none;
   border-left: var(--pf-t--global--border--width--divider--default) solid;
   border-color: var(--pf-t--global--border--color--default);
+  // for high contrast support
+  border-left: var(--pf-t--global--border--width--high-contrast--regular) solid
+    var(--pf-t--global--border--color--high-contrast);
 
   .pf-chatbot-container {
     border-radius: var(--pf-t--global--border--radius--sharp);