[DataGrid] Always refetch lazy-loading rows

[MBilalShafi]

Related to #16719 (comment)
Pre-requisite for #16045, should ensure proper data integrity after an edit operation has been done in a lazy-loaded Data Grid.

Update

Previously, lazy-loaded data was never re-fetched, even in cases where:

• The data was not cached.
• The cache had expired.

Now, lazy loading attempts to fetch fresh data when the viewport is scrolled. If the data is already cached and valid, it's retrieved from the almost instant cache. However, if the data is missing or the cache has expired, the fresh data will be retrieved.

Todos

• Add skeleton rows for off-viewport rows

Follow-up

• Add dynamic data demo

[mui-bot]

Deploy preview: https://deploy-preview-16827--material-ui-x.netlify.app/

Generated by 🚫 dangerJS against de3e5f1

[github-actions]

Thanks for adding a type label to the PR! 👍

[arminmeh]

https://deploy-preview-16827--material-ui-x.netlify.app/x/react-data-grid/server-side-data/lazy-loading/#updating-the-loading-mode

If you load additional pages and start switching row count demo will have a runtime error
(if you can't reproduce I can make a video)