[DataGrid] Add support for Column resizing on mobile

[oliviertassinari]

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

The column resizing isn't working with a touch pointer. Most frequently, touch pointers can be found on mobile devices but that's not the only place. They can be found too on desktop, e.g. Windows Surface.

Expected Behavior 🤔

Column resizing works with a touch pointer.

Steps to Reproduce 🕹

Steps:

1. Open https://material-ui.com/components/data-grid/columns/#column-resizing
2. Try to resize

Context 🔦

Resizing is implemented with a mouse move handler.

https://github.com/mui-org/material-ui-x/blob/05ccbe31f6c5954e50399262f1afffe52006aca0/packages/grid/_modules_/grid/hooks/features/useColumnResize.tsx#L44

However, with the latest browser proposal: mui/material-ui#22814, we can drop all the mouse and touch handlers, replacing them with the PointerEvent API. Browser support: https://caniuse.com/mdn-api_pointerevent.

Your Environment 🌎

Tech	Version
Material-UI X	v4.0.0-alpha.6

[oliviertassinari]

It seems that PointerEvent is a dead-end since we will keep supporting Safari 12: mui/material-ui#23068. So we can move forward with the touch start, as we did in the slider: https://github.com/mui-org/material-ui/blob/0d0e370c6e783f967fbd922ac925f576bee2b9ae/packages/material-ui/src/Slider/Slider.js#L675.

If you want another source to benchmark: https://github.com/tannerlinsley/react-table/blob/master/src/plugin-hooks/useResizeColumns.js but I think that a copy & paste of the slider's logic would be better. We went through a bunch of iterations on it, it's battle-tested and almost all reported bugs were solved (see the open issue to learn more).