Update MUI to version 5 WIP

[1v4n4]

Most of the changes are made using codemod. I reviewed each one and removed/fixed what was wrong.
The changes (not all version 5 changes, just implemented in this PR):

• imports from @mui

• previous default button size is now "large"

• theme.palette.type key is now theme.palette.mode

• overriding components style:

          -  overrides: {
          -    MuiButton: {
          -      root: { padding: 0 },
          -    },
          -  },
          +  components: {
          +    MuiButton: {
          +      styleOverrides: {
          +        root: { padding: 0 },
          +      },
          +    },
          +  },
  

• justify is justifyContent
  - <Grid container justify="flex-end">
+ <Grid container justifyContent="flex-end">

• Circle is circular:
  - <Skeleton animation="wave" variant="circle" />
+ <Skeleton animation="wave" variant="circular" />

[1v4n4]

@tttp take a look, please. It is MUI 5, and everything seems to be working. If OK, I'd like to go to MUI 6.

[tttp]

There is a problem with the size of the bundle

on mui5:
/index.js 1.2Mb

on mui4:
/index.js 665.2kb

the widget is doubling the size, this sadly won't be acceptable to upgrade as is, let's try to understand what's happening

[tttp]

question asked...

https://stackoverflow.com/questions/76595569/bundle-size-double-after-migration-from-material-ui-4-to-mui-5