fix: re-calculate the visual viewport size in the effect

[lixiaoyan]

This mitigate the #9391 in Modal use cases. This also fixes some edge cases that the visual viewport size may change between the render and the effect.

✅ Pull Request Checklist:

• Included link to corresponding React Spectrum GitHub Issue.
• Added/updated unit tests and storybook for this change (for new code or code which already has tests).
• Filled out test instructions.
• Updated documentation (if it already exists for this component).
• Looked at the Accessibility Practices for this feature - Aria Practices

📝 Test Instructions:

🧢 Your Project:

[nwidynski]

Kind of related, I'm wondering whether that is also something we should do in the fallback shim of useResizeObserver. I guess this only applies to the viewport?

react-spectrum/packages/@react-aria/utils/src/useResizeObserver.ts

Lines 28 to 33 in e1c05d6

	if (!hasResizeObserver()) {
	window.addEventListener('resize', onResizeEvent, false);
	return () => {
	window.removeEventListener('resize', onResizeEvent, false);
	};
	} else {

[snowystinger]

We do have an issue open for that here useResizeObserver - not triggered on first render for older browsers
Which we didn't prioritise because it has a workaround.