[DataGrid] Only update input with value prop if debounce is off

[m4theushw]

Fixes #5283

Preview: https://deploy-preview-5646--material-ui-x.netlify.app/x/react-data-grid/editing/

I don't have a precise explanation of why #5283 happens but I have a hypothesis. On each keystroke we call apiRef.current.setEditCellValue which debounces the state updates. When the debounce time expires, the global state is updated triggering a rerender of the entire grid. While the grid is rerendering, sometimes taking a long time, if the user presses another key this last key will be lost because the input value is changed to reflect the value in the state. I solved this problem here by ignoring the sync between the value in the global state and the value in the edit component's state when the reason for this sync to happen is a debounce event. In practical terms, apiRef.current.setEditCellValue now has a reason argument which can be accessed via apiRef.current.unstable_getEditCellMeta.

[mui-bot]

These are the results for the performance tests:

Test case	Unit	Min	Max	Median	Mean	σ
Filter 100k rows	ms	494.9	846.9	558.7	658.64	152.248
Sort 100k rows	ms	556.6	1,078.5	798.4	843.1	171.342
Select 100k rows	ms	150.8	358	220.7	245.14	72.856
Deselect 100k rows	ms	127.1	270.5	215.2	208.9	46.159

Generated by 🚫 dangerJS against 78ca78f

[github-actions]

This pull request has conflicts, please resolve those before we can evaluate the pull request.

[m4theushw]

Since we don't sync the value between the global state and the local state, when the call is debounced, we need to manually call the value parser and skip the one in apiRef.current.setEditCellValue.