OHIF-332: Users should be able to see all available hotkeys and language settings in one place (#1895)

* OHIF-330: Update Modal Styles

* feat/ohif-332: finish raw ui

* feat/ohif-332: update mode configuration strategy

* feat/ohif-332: fix hotkey errors

* feat/ohif-332: update hotkey logic with recent merged changes

* feat/ohif-322: wrap

* feat/ohif-322: add disable state

* ohif-332: cr updates

* ohif-332: disable

* ohif-332: cr updates

* ohif-332: extract header component

* ohif-332: cr update to fix merge conflicts and design issue

Co-authored-by: Rodrigo Antinarelli <rodrigoantinarelli@gmail.com>

platform/ui/src/components/Button/Button.jsx

@@ -64,6 +64,8 @@ const variantClasses = {
       'bg-white text-black hover:opacity-80 active:opacity-100 focus:opacity-80',
     black:
       'bg-black text-white hover:opacity-80 active:opacity-100 focus:opacity-80',
+    light:
+      'border bg-primary-light border-primary-light text-black hover:opacity-80 active:opacity-100 focus:opacity-80',
   },
 };
 
@@ -154,6 +156,7 @@ Button.propTypes = {
     'white',
     'black',
     'inherit',
+    'light'
   ]),
   fullWidth: PropTypes.bool,
   disabled: PropTypes.bool,