feat(ui): move to React 18 and base for using shadcn/ui (#4174)

Co-authored-by: IbrahimCSAE <ibrahim.mdev@gmail.com>

platform/ui/src/components/UserPreferences/UserPreferences.tsx

@@ -12,12 +12,12 @@ const UserPreferences = ({
   availableLanguages,
   defaultLanguage,
   currentLanguage,
-  disabled,
+  disabled = false,
   hotkeyDefinitions,
   hotkeyDefaults,
-  onCancel,
-  onSubmit,
-  onReset,
+  onCancel = () => {},
+  onSubmit = () => {},
+  onReset = () => {},
   hotkeysModule,
 }) => {
   const { t } = useTranslation('UserPreferencesModal');
@@ -140,12 +140,6 @@ UserPreferences.propTypes = {
   disabled: PropTypes.bool,
   hotkeyDefaults: PropTypes.object.isRequired,
   hotkeyDefinitions: PropTypes.object.isRequired,
-  languageOptions: PropTypes.arrayOf(
-    PropTypes.shape({
-      label: PropTypes.string.isRequired,
-      value: PropTypes.any.isRequired,
-    })
-  ),
   onCancel: PropTypes.func,
   onSubmit: PropTypes.func,
   onReset: PropTypes.func,
@@ -158,15 +152,4 @@ UserPreferences.propTypes = {
   }).isRequired,
 };
 
-UserPreferences.defaultProps = {
-  languageOptions: [
-    { value: 'ONE', label: 'ONE' },
-    { value: 'TWO', label: 'TWO' },
-  ],
-  onCancel: noop,
-  onSubmit: noop,
-  onReset: noop,
-  disabled: false,
-};
-
 export default UserPreferences;