fix(react-select): update react select package (#3622)

platform/ui/src/components/Header/Header.tsx

@@ -62,6 +62,7 @@ function Header({
             id="options"
             showDropdownIcon={false}
             list={menuOptions}
+            alignment="right"
           >
             <IconButton
               id={'options-settings-icon'}

platform/ui/src/components/Select/Select.css

@@ -28,13 +28,13 @@
 }
 
 .customSelect__wrapper .customSelect__option {
+  color: #d6d6d6;
+  font-size: 14px;
+  display: flex;
+  align-items: center;
   @apply flex flex-row items-center;
 }
 
-.customSelect__wrapper .customSelect__option:focus {
-  @apply bg-primary-main;
-}
-
 .customSelect__wrapper .customSelect__option--is-selected {
   @apply bg-transparent;
 }
@@ -55,7 +55,7 @@
   @apply inline-block truncate px-3 py-2;
 }
 
-.customSelect__menu {
+.ohif-select .customSelect__menu {
   background-color: transparent !important;
   border-radius: 6px;
 }
@@ -79,18 +79,10 @@
   border-radius: 10px;
 }
 
-.customSelect__option:focus {
+.customSelect__option--is-focused {
   background-color: #0944b391 !important;
 }
 
-.ohif-select .customSelect__option,
-.ohif-select .customSelect__option label {
-  color: #d6d6d6;
-  font-size: 14px;
-  display: flex;
-  align-items: center;
-}
-
 .ohif-select .customSelect__option:hover {
   background-color: #0944b391;
 }