Resolve "GitLab Migration - History page inconsistencies"

What does this MR do and why?

This MR improves history page according to #383759 (closed)

• changed column names
• fixes wrong handling of projects with space names
• added icons

Screenshots or screen recordings

Before	After

How to set up and validate locally

• Enable feature flag :bulk_import_projects in rails console: Feature.enable(:bulk_import_projects)
• In GitLab admin settings turn on Enable migrating GitLab groups and projects by direct transfer and save changes /admin/application_settings/general#js-visibility-settings
• Open "New group" -> Import (/groups/new)
• Use https://gitlab.com as source instance and GeK1Nis4j-SY1X4sqE5c as personal access token (this token is from separate user on GitLab instance with 0 real data available, so we do not expose any security risks here)
• Import top-level-group-1 (it contains project)
• Open History page /bulk_imports/history
• Observe the result

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• I have evaluated the MR acceptance checklist for this MR.

app/assets/javascripts/pages/import/bulk_imports/history/components/bulk_imports_history_app.vue

 <script>
-import { GlButton, GlEmptyState, GlIcon, GlLink, GlLoadingIcon, GlTableLite } from '@gitlab/ui';
+import {
+  GlButton,
+  GlEmptyState,
+  GlIcon,
+  GlLink,
+  GlLoadingIcon,
+  GlTableLite,
+  GlTooltipDirective as GlTooltip,
+} from '@gitlab/ui';
 
 import { s__, __ } from '~/locale';
 import { createAlert } from '~/flash';
@@ -44,6 +52,10 @@ export default {
     LocalStorageSync,
   },
 
+  directives: {
+    GlTooltip,
+  },
+
   data() {
     return {
       loading: true,
@@ -119,8 +131,19 @@ export default {
     },
 
     getPresentationUrl(item) {
-      const prefix = item.entity_type === 'group' ? '/' : '';
-      return `${prefix}${item.destination_full_path}`;
+      const suffix = item.entity_type === 'group' ? '/' : '';
+      return `${item.destination_full_path}${suffix}`;
+    },
+
+    getEntityTooltip(item) {
+      switch (item.entity_type) {
+        case 'project':
+          return __('Project');
+        case 'group':
+          return __('Group');
+        default:
+          return '';
+      }
     },
   },
 
@@ -153,7 +176,12 @@ export default {
         class="gl-w-full"
       >
         <template #cell(destination_name)="{ item }">
-          <gl-icon :name="item.entity_type" />
+          <gl-icon
+            v-gl-tooltip
+            :name="item.entity_type"
+            :title="getEntityTooltip(item)"
+            class="gl-text-gray-500"
+          />
           <gl-link :href="getFullDestinationUrl(item)" target="_blank">
             {{ getPresentationUrl(item) }}
           </gl-link>