chore: better codesandbox error

[snowystinger]

Closes

Unauthenticated users cannot create a devbox, this attempts to create it and then provide a better error message if the creation of the sandbox failed.
I haven't figured out the happy path quite yet.

✅ 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 v3 docs
• View the S2 docs
• View the React Aria docs

[reidbarber]

I kind of like the idea of this being a Dialog. It's less harsh and there's more room to to explain what the user needs to do. And the primary action could do another check (with pending state) and open the link if it passes.

[reidbarber]

Nice! One comment

[snowystinger]

This appears to be a non-viable solution. When we use the form approach the users authentication cookies are included because it's the same domain.

When I try to use the fetch, I can't include the auth because it's cross-origin.

I could try loading an hidden iframe of codesandbox potentially and if it loads vs errors, we might be able to determine if the user is logged in, but even that may not work. I think we should provide more info in a dialog that opens to confirm that you mean to leave the page though, that's the simplest solution, though does require one more click.