[docs] Differentiate between packages in slotProps docs

[cherniavskii]

• I have followed (at least) the PR section of the contributing guide.

We got this feedback recently:

The code example isn't correct. You should add

import '@mui/x-data-grid-pro'

to the augmentation file. It won't work otherwise.

While I couldn't reproduce the issue, it makes sense to augment the package that you actually use.

Preview: https://deploy-preview-9668--material-ui-x.netlify.app/x/react-data-grid/components/#custom-slot-props-with-typescript

[mui-bot]

Netlify deploy preview

Netlify deploy preview: https://deploy-preview-9668--material-ui-x.netlify.app/

Updated pages

• docs/data/data-grid/components/components.md

These are the results for the performance tests:

Test case	Unit	Min	Max	Median	Mean	σ
Filter 100k rows	ms	313.1	570.6	351.2	406.82	103.336
Sort 100k rows	ms	408.7	871.8	831.3	719.8	181.523
Select 100k rows	ms	187.1	260.4	214.5	222.06	30.777
Deselect 100k rows	ms	119.4	225.2	216.9	183.64	44.834

Generated by 🚫 dangerJS against bd09ccc

[MBilalShafi]

Looks nice. <codeblock /> is actually cool. 🧊

[cherniavskii]

@alexfauquette Thanks for your work on codeblocks! 🎉

[oliviertassinari]

I was hesitating to say that we don't need a storage key for this

Suggested change

	<codeblock storageKey="data-grid-pricing-plan">
	<codeblock>

but maybe we do, a general one seems more appropriate.

Suggested change

	<codeblock storageKey="data-grid-pricing-plan">
	<codeblock storageKey="pricing-plan">

[cherniavskii]

Yeah, that was my initial thought, but then I thought it might be better to have a separate key for the data grid and pickers because there's no Premium plan in pickers. With separate storage keys, you can have Pro for the pickers and Premium for the grid.
Not a strong opinion though 😅

[oliviertassinari]

We could have special handling for this case in the docs-infra.