[DataGrid] Issue while resizing with pinned columns

[Janpot]

Steps to reproduce

Link to live example: https://mui.com/x/react-data-grid/column-pinning/#initializing-the-pinned-columns

Steps:

1. Open the demo on the docs
2. Hide the first center column
3. Resize the first column smaller

Current behavior

At some point the pinned column starts moving to the left, leaving behind empty space. Once you let go of the mouse button, the pinned column snaps back to the right.

Screen.Recording.2024-06-19.at.14.59.28.mov

Expected behavior

The rightmost column always stays pinned during resizing

Context

No response

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: pinned column resizing

[romgrk]

Seems to be fixed by #12979, but that PR still has unsolved problems.