[CORL-406] Tenant Locale Selection (#2450)

* feat: added preload config

* feat: support changing locale

* fix: name case

* fix: removed unused code

* feat: added translations for default reactions

* fix: do not translate icon

* fix: shorter i18n keys

src/core/client/ui/components/SelectField/SelectField.tsx

@@ -54,8 +54,11 @@ const SelectField: FunctionComponent<SelectFieldProps> = props => {
     ...rest
   } = props;
 
-  const selectClassName = cn(classes.select, {
+  const rootClassName = cn(classes.root, className, {
     [classes.fullWidth]: fullWidth,
+  });
+
+  const selectClassName = cn(classes.select, {
     [classes.keyboardFocus]: keyboardFocus,
   });
 
@@ -64,7 +67,7 @@ const SelectField: FunctionComponent<SelectFieldProps> = props => {
   });
 
   return (
-    <span className={cn(classes.root, className)}>
+    <span className={rootClassName}>
       <select className={selectClassName} disabled={disabled} {...rest}>
         {children}
       </select>

src/core/client/ui/components/SelectField/__snapshots__/SelectField.spec.tsx.snap

@@ -2,11 +2,11 @@
 
 exports[`renders correctly 1`] = `
 <span
-  className="SelectField-root customClassName"
+  className="SelectField-root customClassName SelectField-fullWidth"
 >
   <select
     autofocus={true}
-    className="SelectField-select SelectField-fullWidth"
+    className="SelectField-select"
     disabled={true}
     id="selectID"
     name="selectName"

src/core/client/ui/shared/icon.css

@@ -6,9 +6,7 @@
     url("material-design-icons/iconfont/MaterialIcons-Regular.woff2")
       format("woff2"),
     url("material-design-icons/iconfont/MaterialIcons-Regular.woff")
-      format("woff"),
-    url("material-design-icons/iconfont/MaterialIcons-Regular.ttf")
-      format("truetype");
+      format("woff");
 }
 
 .icon {