Move EE differences for `app/assets/javascripts/monitoring/components/graph/flag.vue`

The file app/assets/javascripts/monitoring/components/graph/flag.vue has differences between CE and EE.

Diferences

diff --git a/home/yorickpeterse/Projects/gitlab/gdk-ce/gitlab/app/assets/javascripts/monitoring/components/graph/flag.vue b/home/yorickpeterse/Projects/gitlab/gdk-ee/gitlab/app/assets/javascripts/monitoring/components/graph/flag.vue
index 9d6d1caef80..734a4eb5063 100644
--- a/home/yorickpeterse/Projects/gitlab/gdk-ce/gitlab/app/assets/javascripts/monitoring/components/graph/flag.vue
+++ b/home/yorickpeterse/Projects/gitlab/gdk-ee/gitlab/app/assets/javascripts/monitoring/components/graph/flag.vue
@@ -121,11 +121,11 @@ export default {
     <div v-if="showFlagContent" :class="flagOrientation" class="prometheus-graph-flag popover">
       <div class="arrow-shadow"></div>
       <div class="arrow"></div>
-      <div class="popover-title">
+      <div class="popover-header">
         <h5 v-if="deploymentFlagData">Deployed</h5>
         {{ formatDate }} <strong>{{ formatTime }}</strong>
       </div>
-      <div v-if="deploymentFlagData" class="popover-content deploy-meta-content">
+      <div v-if="deploymentFlagData" class="popover-body deploy-meta-content">
         <div>
           <icon :size="12" name="commit" />
           <a :href="deploymentFlagData.commitUrl"> {{ deploymentFlagData.sha.slice(0, 8) }} </a>
@@ -135,7 +135,7 @@ export default {
           <a :href="deploymentFlagData.tagUrl"> {{ deploymentFlagData.ref }} </a>
         </div>
       </div>
-      <div class="popover-content">
+      <div class="popover-body">
         <table class="prometheus-table">
           <tr v-for="(series, index) in timeSeries" :key="index">
             <track-line :track="series" />

What needs to be done

1. We should not have Style differences between CE and EE, update both files to have the same CSS classes.