CE Improve import status table UI

What does this MR do?

EE: https://gitlab.com/gitlab-org/gitlab-ee/merge_requests/8707

Improve import status table UI, replace with vue app.

• Add "Go to project" button
• Align import buttons to the right
• Remove namespace select grey container
• Removing row status colour and use ci-style status icons to represent status

What are the relevant issue numbers?

Closes https://gitlab.com/gitlab-org/gitlab-ce/issues/14010

Does this MR meet the acceptance criteria?

• Changelog entry added, if necessary
• Documentation created/updated
• Tests added for this feature/bug
• Conforms to the code review guidelines
• Conforms to the merge request performance guidelines
• Conforms to the style guides
• Conforms to the database guides

app/assets/javascripts/import_projects/components/import_projects_table.vue

@@ -27,9 +27,9 @@ export default {
     ...mapGetters(['isImportingAnyRepo', 'hasProviderRepos', 'hasImportedProjects']),
 
     emptyStateText() {
-      const emptyStateText = __('No  %{providerTitle} repositories available to import');
-
-      return sprintf(emptyStateText, { providerTitle: this.providerTitle });
+      return sprintf(__('No %{providerTitle} repositories available to import'), {
+        providerTitle: this.providerTitle,
+      });
     },
 
     fromHeaderText() {
@@ -38,7 +38,7 @@ export default {
   },
 
   mounted() {
-    return this.fetchRepos().then(() => this.fetchJobs());
+    return this.fetchRepos();
   },
 
   beforeDestroy() {