[pickers] Pass the generics to the components in the theme augmentation

[toruticas]

This pull request drills the base theme by using the generic of ComponentsOverrides.

Motivation:
When overriding global themes, I want to use the override values of the palette, but once the type definition of date picker components doesn't pass by the base theme, the theme will always be considered unknown.

const theme = createTheme({
  palette: {
    primary: {
      main: purple[500]
    }
  },
  components: {
    MuiCalendarPicker: {
      styleOverrides: {
        root: ({ theme }) => ({
          backgroundColor: theme.palette.primary.main
          //               /\ (parameter) theme: unknown
        })
      }
    }
  }
});

I've also created an example of this issue with code sandbox: https://codesandbox.io/s/elated-violet-1u5qvc?file=/src/App.tsx

[flaviendelangle]

Make total sense
Thanks for your contribution !

[cherniavskii]

Should we do the same for the data grid?

mui-x/packages/grid/x-data-grid/src/themeAugmentation/props.ts

Line 8 in 11726a2

export interface DataGridComponents {

[flaviendelangle]

@cherniavskii yeah probably

[toruticas]

I'm unfamiliar with the data grid component, but I'll work on it this weekend. Should I create a new PR or add to this one?

Btw guys, what should I do to merge this PR?

[flaviendelangle]

@toruticas the CI seems to have a problem, could you rebase on the master branch to see if the CI is passing ?
But yes as soon as the CI is green let's merge it
And do the DataGrid on another one

[mui-bot]

These are the results for the performance tests:

Test case	Unit	Min	Max	Median	Mean	σ
Filter 100k rows	ms	278	500.5	308.1	360.92	83.218
Sort 100k rows	ms	495.4	970.2	775.4	721.8	171.333
Select 100k rows	ms	115.9	199.9	182.9	167.34	31.431
Deselect 100k rows	ms	111.5	217.7	163.8	164.56	36.33

Generated by 🚫 dangerJS against 3add5cf