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

spec/javascripts/import_projects/components/import_projects_table_spec.js

@@ -146,8 +146,8 @@ describe('ImportProjectsTable', () => {
       },
     ];
 
-    mock.onGet(reposPath).reply(200, response);
-    mock.onGet(jobsPath).reply(200, []);
+    mock.onGet(reposPath).replyOnce(200, response);
+    mock.onGet(jobsPath).replyOnce(200, []);
 
     store.dispatch('setInitialData', { importPath, jobsPath, pollingDeferDuration });
 
@@ -164,7 +164,7 @@ describe('ImportProjectsTable', () => {
 
         expect(vm.$el.querySelector(`.ic-status_${statusObject.icon}`)).not.toBeNull();
 
-        mock.onGet(jobsPath).reply(200, updatedProjects);
+        mock.onGet(jobsPath).replyOnce(200, updatedProjects);
       })
       .then(() => setTimeoutPromise(pollingDeferDuration))
       .then(() => {