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

@@ -52,8 +52,9 @@
         {{ s__('ImportProjectsProjects|Select the projects you want to import') }} 
       </p>
       <loading-button
+        container-class="btn btn-success"
         :loading="isImportingAnyRepo"
-        :label="s__('ImportProjects|Import all repositories')"
+        :label="__('Import all repositories')"
         type="button"
         @click="importAll"
       />
@@ -72,10 +73,10 @@
             From {{ providerTitle }}
           </th>
           <th class="import-jobs-to-col">
-            {{ s__('ImportProjects|To GitLab') }}
+            {{ __('To GitLab') }}
           </th>
           <th class="import-jobs-status-col">
-            {{ s__('ImportProjects|Status') }}
+            {{ __('Status') }}
           </th>
           <th class="import-jobs-cta-col"></th>
         </thead>