MaterialUI auto upgrade

ran `npx @mui/codemod v5.0.0/variant-prop`

src/components/LocalePicker.js

@@ -23,8 +23,9 @@ export class LocalePicker extends Component {
 
     if (!setLocale || availableLocales.length < 2) return null;
     return (
-      <FormControl>
+      <FormControl variant="standard">
         <Select
+          variant="standard"
           MenuProps={{
             anchorOrigin: {
               horizontal: 'left',
@@ -37,8 +38,7 @@ export class LocalePicker extends Component {
           onChange={(e) => { setLocale(e.target.value); }}
           name="locale"
           classes={{ select: classes.select }}
-          className={classes.selectEmpty}
-        >
+          className={classes.selectEmpty}>
           {
             availableLocales.map(l => (
               <MenuItem key={l} value={l}><Typography variant="body2">{ l }</Typography></MenuItem>

src/components/SearchPanelControls.js

@@ -132,6 +132,7 @@ export class SearchPanelControls extends Component {
           freeSolo
           renderInput={params => (
             <TextField
+              variant="standard"
               {...params}
               label={t('searchInputLabel')}
               InputProps={{
@@ -146,8 +147,7 @@ export class SearchPanelControls extends Component {
                     )}
                   </div>
                 ),
-              }}
-            />
+              }} />
           )}
         />
       </form>

src/components/WindowSideBarCanvasPanel.js

@@ -100,8 +100,9 @@ export class WindowSideBarCanvasPanel extends Component {
           <>
             {
               sequences && sequences.length > 1 && (
-                <FormControl>
+                <FormControl variant="standard">
                   <Select
+                    variant="standard"
                     MenuProps={{
                       anchorOrigin: {
                         horizontal: 'left',
@@ -114,8 +115,7 @@ export class WindowSideBarCanvasPanel extends Component {
                     onChange={this.handleSequenceChange}
                     name="sequenceId"
                     classes={{ select: classes.select }}
-                    className={classes.selectEmpty}
-                  >
+                    className={classes.selectEmpty}>
                     { sequences.map((s, i) => <MenuItem value={s.id} key={s.id}><Typography variant="body2">{ WindowSideBarCanvasPanel.getUseableLabel(s, i) }</Typography></MenuItem>) }
                   </Select>
                 </FormControl>