Create the Preview screen model to show the migrating orgs

[kalroy]

User Story

As an Automate User, I want to preview orgs which are to be migrated.

Acceptance Criteria

• The model needs to show the number of orgs to be migrated, skipped and updated.

Implementation Details

UI Design

New Design Preview Image:

CSS and Other settings can be found here

Definition of Done

• All things specified in User Story Acceptance Criteria should be fulfilled.
• UI should exactly match UX design.
• Cypress Coverage for new Feature.
• All Exceptions are Handled Properly
• Ensure logs have no unnecessary data.
• Test coverage for new feature is done to at-least 70%.
• Docs changes PR is Raised.
• Swagger Documentation updated.
• Smoke Test done.
• Ensure Build and Integration Pipelines are Green.
• PR has 2 approvers.
• All Code Review Comments are Resolved.
• Screen shot of the feature developed is provided in the issue.
• Ensure compatibility with all supporting browser.
• Demo the feature to UX.
• Link to the UX wireframe/Requirement Document.