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]

🎉 This PR is included in version 1.9.1-beta.3 🎉

The release is available on:

• npm package (@dev dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[github-actions]

🎉 This PR is included in version 1.9.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀