Optimize DataGrid/GridView rendering by only rendering visible items in viewport

[evshi]

Is your feature request related to a problem? Please describe.
GridView can render large datasets but can create performance issues when rendering all the widget templates at once.

Describe the solution you'd like
Optimize renders by only rendering the visible elements, e.g. react-intersection-observer. Use CSS only instead of JS

Describe alternatives you've considered
Alternatively support infinite scrolling on pages

Additional context
https://www.npmjs.com/package/react-intersection-observer