fix: Docs examples

[snowystinger]

Closes

Fixed locales not working, it involves including every locale though, which defeats the purpose of optimising, but it's the only way to make that one example work

Fixed size of placement control for popover in RAC docs, it takes up a lot of room in mobile though, do we want some sort of container query instead which turns it into a Select instead?

Fixed making DateField scroll, it already was "fixed" via width: content, but this seems more complete and useful.

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

[rspbot]

Build successful! 🎉

• View the storybook
• View the S2 storybook
• View the documentation
• View the S2 docs

[rspbot]

Build successful! 🎉

• View the storybook
• View the S2 storybook
• View the documentation
• View the S2 docs

[devongovett]

Can't we use an array of numbers here and the style macro will do this automatically?

Suggested change

	gridTemplateRows: 'calc(25px * var(--s2-scale)) calc(24px * var(--s2-scale)) calc(24px * var(--s2-scale)) calc(25px * var(--s2-scale)) calc(24px * var(--s2-scale))'
	gridTemplateRows: [25, 24, 24, 25, 24]

[devongovett]

I'll follow up on my comment