Improve UX of status message when group migration is complete
<!--IssueSummary start--> <details> <summary> Everyone can contribute. [Help move this issue forward](https://handbook.gitlab.com/handbook/marketing/developer-relations/contributor-success/community-contributors-workflows/#contributor-links) while earning points, leveling up and collecting rewards. </summary> - [Close this issue](https://contributors.gitlab.com/manage-issue?action=close&projectId=278964&issueIid=347510) </details> <!--IssueSummary end--> when import migration is completed, we present this as "an error" to our user: ![image](/uploads/33ea7c2ce568843b134a17ae8bac711e/image.png) As mentioned in https://gitlab.com/gitlab-org/gitlab/-/merge_requests/73960#note_727889953 this is definitely confusing in terms of UX We need to propose a ~UX solution, which will make sure that user have a clear understanding that migration is completed A typical pattern of "let's display popup" here is not working well: * Migration is long-term process. There is very high probability that user might leave tab or just "go away" and when he/she will come back - the popup will be gone * Actually after import is completed we're unable to do import to the same group again (we do not support re-import to the same group), so there is **actually** failed validation message here ## Solution <details><summary>Original proposal to change the message wording</summary> These messages should be updated to make clear the User is required to pick a unique destination path. For example: > Import is finished. Enter a new name for re-import. could be > Import is finished. Enter a new target URL for re-import. It would be good to review [all the message constants related to group importing](https://gitlab.com/gitlab-org/gitlab/-/blob/master/app/assets/javascripts/import_entities/import_groups/constants.js) as there are a number where "name" is used instead of "URL" or "target URL". </details> This solution aims to make the message not needed by disabling the input. Adds a new 'Go to group' primary CTA. Option to re-import (and others) in a ellipsis button. ![Kapture_2022-08-17_at_12.29.40](/uploads/2c1d3ef01b1c89674b76b31560d65cb1/Kapture_2022-08-17_at_12.29.40.mp4) - [Figma prototype](https://www.figma.com/proto/IQH1rLFLIj8bomC6ayZ347/GitLab-Migration?page-id=1909%3A32108&node-id=2006%3A37676&viewport=351%2C-92%2C0.1&scaling=contain&starting-point-node-id=2006%3A37646&show-proto-sidebar=1) The default state of table row after an import completes should be the 'Complete/Go to group' state. If user initiates the re-import flow but navigates away/reloads page revert back to 'Completed/Go to group' state. Move ℹ️ tooltip out of the button lockup. I've moved this to the destination URL input, but there might be unseen implications of doing this. Tooltip content: `Re-import creates a new group. It does not sync with the existing group.` (unchanged) More context about the solution and its intentions in this [design thread](https://gitlab.com/gitlab-org/gitlab/-/issues/347510#note_1054230505). The relevant locale/i18n files will also need updating. /cc @hdelalic @wortschi
issue