fix: prevent combobox from closing when navigating through items with keyboard

[yihuiliao]

Closes #8298

Seems like the order that scrollIntoView and scrolIntoViewport matters so wrap it all in a raf

✅ 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:

I can't seem to actually reproduce in our storybook but I can within our docs.

1. Go to V3 Combobox docs
2. Using the first example, resize the screen so that the popover is scrollable. Ensure that there is enough space below so that the popover will open on the bottom and not the top
3. Open the popover using the keyboard, and navigate throw the items using the down arrow
4. The popover should not close when you move past the last visible item

Would be good to test to make sure that V3 Picker still scroll into view with this change. You can test with the "long item text" story

🧢 Your Project:

[rspbot]

Build successful! 🎉

• View the storybook
• View the storybook-19
• View the storybook-17
• View the storybook-16
• View the S2 storybook
• View the documentation

[rspbot]

Build successful! 🎉

• View the storybook
• View the storybook-19
• View the storybook-17
• View the storybook-16
• View the S2 storybook
• View the documentation

[rspbot]

Build successful! 🎉

• View the storybook
• View the storybook-19
• View the storybook-17
• View the storybook-16
• View the S2 storybook
• View the documentation

[reidbarber]

LGTM