fix: some browsers show grid viewport too wide by 1px

[ghiscoding]

• so in some rare cases, some browsers incorrectly show the horizontal scrollbar for the grid when it shouldn't. The weird thing is that the scrollbar is only showing for 1px. We can fix this by simply looking at the available viewport inner width (that is the viewport minus the scrollbar width), and if the width is the same then there's no need to apply this width to the grid pane (prior to this PR, the calculated inner width was always applied to the grid pane, but now it won't be applied when it doesn't need it.... or in other words, only apply the grid pane width when it is larger than the available viewport width)
• in my case it happened with Ms Edge, though it probably could be any browsers

before fix, some browsers showed the scrollbar

with the fix in the same browser

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.0%. Comparing base (cd7995e) to head (6334052).

Additional details and impacted files

@@            Coverage Diff            @@
##           master    #1843     +/-   ##
=========================================
+ Coverage   100.0%   100.0%   +0.1%     
=========================================
  Files         187      187             
  Lines       34485    34490      +5     
  Branches    10255    10255             
=========================================
+ Hits        34459    34464      +5     
  Misses         26       26             

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[ghiscoding]

hmm so thanks to all our Cypress tests (now failing), I can conclude that this is not a good fix. I'll have to investigate some more