Move EE differences for `app/assets/javascripts/notes/components/note_header.vue`

The file app/assets/javascripts/notes/components/note_header.vue has differences between CE and EE.

Diferences

diff --git a/home/yorickpeterse/Projects/gitlab/gdk-ce/gitlab/app/assets/javascripts/notes/components/note_header.vue b/home/yorickpeterse/Projects/gitlab/gdk-ee/gitlab/app/assets/javascripts/notes/components/note_header.vue
index 7b39901024d..68b753a4abf 100644
--- a/home/yorickpeterse/Projects/gitlab/gdk-ce/gitlab/app/assets/javascripts/notes/components/note_header.vue
+++ b/home/yorickpeterse/Projects/gitlab/gdk-ee/gitlab/app/assets/javascripts/notes/components/note_header.vue
@@ -69,7 +69,7 @@ export default {
         type="button"
         @click="handleToggle"
       >
-        <i :class="toggleChevronClass" class="fa" aria-hidden="true"> </i>
+        <i :class="toggleChevronClass" class="fa" aria-hidden="true"></i>
         {{ __('Toggle discussion') }}
       </button>
     </div>
@@ -81,19 +81,18 @@ export default {
       :data-user-id="author.id"
       :data-username="author.username"
     >
+      <slot name="note-header-info"></slot>
       <span class="note-header-author-name">{{ author.name }}</span>
       <span v-if="author.status_tooltip_html" v-html="author.status_tooltip_html"></span>
-      <span class="note-headline-light"> @{{ author.username }} </span>
+      <span class="note-headline-light">@{{ author.username }}</span>
     </a>
-    <span v-else> {{ __('A deleted user') }} </span>
+    <span v-else>{{ __('A deleted user') }}</span>
     <span class="note-headline-light">
       <span class="note-headline-meta">
         <span class="system-note-message"> <slot></slot> </span>
         <template v-if="createdAt">
           <span class="system-note-separator">
-            <template v-if="actionText">
-              {{ actionText }}
-            </template>
+            <template v-if="actionText">{{ actionText }}</template>
           </span>
           <a
             :href="noteTimestampLink"
@@ -107,8 +106,7 @@ export default {
           class="fa fa-spinner fa-spin editing-spinner"
           aria-label="Comment is being updated"
           aria-hidden="true"
-        >
-        </i>
+        ></i>
       </span>
     </span>
   </div>

What needs to be done

1. <i :class="toggleChevronClass" class="fa" aria-hidden="true"></i> should be the same in both files.
2. <slot name="note-header-info"></slot> should have a v-if with renderIfEE and moved to CE
3. <span class="note-headline-light">@{{ author.username }}</span> should be the same in both files
4. <span v-else>{{ __('A deleted user') }}</span> should be the same in both files.
5. <template v-if="actionText">{{ actionText }}</template> should be the same in both files.
6. ></i> should be the same in both files.