fix: Maximum update depth exceeded error

[Dzuming]

• The problem is, that sometimes (for example during resize as in the video below) in this place

 useLayoutEffect(() => {
     if (contentAvailable && position && !(maximized || wasMaximized)) {
       const newValue = calcEdgePosition(viewport);
       setPosition((current) => (isEqual(newValue, current) ? current : newValue));
     }
   }, [contentAvailable, wasMaximized, calcEdgePosition, maximized, position, viewport]);

setPosition falls into an infinite loop, i suspect that it can be a race condition, and since we have a dependencies position, the values differ

• the issue was reported by a few people in different non-deterministic contexts, however here are the easiest steps to reproduce it

Before:

Screen.Recording.2024-09-13.at.13.05.27.mov

After:

Screen.Recording.2024-09-13.at.13.06.29.mov

[github-actions]

created: #1562

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 84.57%. Comparing base (1d4b2e1) to head (76a3ec6).
Report is 38 commits behind head on dev.

Additional details and impacted files

@@            Coverage Diff             @@
##              dev    #1561      +/-   ##
==========================================
+ Coverage   84.51%   84.57%   +0.06%     
==========================================
  Files          58       58              
  Lines         846      830      -16     
  Branches      168      165       -3     
==========================================
- Hits          715      702      -13     
+ Misses        127      124       -3     
  Partials        4        4              

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