Build 'create from React component' UI

[astone123]

Create from React Component requires a slightly different user flow from Create from Vue Component. This is because we need to parse the selected file to determine whether there are any React components defined in the file that we can create a spec for.

Create all of the UI necessary to match the designs in Figma and mock the API interactions if it isn't completed yet.

Most of the UI is the same as Create from Vue except for the "Select a Component" view. This view should be created with a loading (for when we are parsing the file) and empty state (for when there are no React components defined in the file).

See the Create from React Component tech brief for guidance

[baus]

Hey team! Please add your planning poker estimate with Zenhub @amehta265 @astone123 @lmiller1990 @marktnoonan @mike-plummer @rockindahizzy @warrensplayer @ZachJW34

[baus]

As part of this issue, update the user docs to explain this feature. Should be similar to the work for Create from Vue Component

[cypress-bot[bot]]

The code for this is done in cypress-io/cypress#24982, but has yet to be released. We'll update this issue and reference the changelog when it's released.

[cypress-bot[bot]]

Released in 12.2.0.

This comment thread has been locked. If you are still experiencing this issue after upgrading to Cypress v12.2.0, please open a new issue.