Replacing shared tooltip on confidential sidebar component

app/assets/javascripts/sidebar/components/confidential/confidential_issue_sidebar.vue

 <script>
 import { mapState } from 'vuex';
-import { GlIcon } from '@gitlab/ui';
+import { GlIcon, GlTooltipDirective } from '@gitlab/ui';
 import { __, sprintf } from '~/locale';
-import tooltip from '~/vue_shared/directives/tooltip';
 import eventHub from '~/sidebar/event_hub';
 import EditForm from './edit_form.vue';
 
@@ -12,7 +11,7 @@ export default {
     GlIcon,
   },
   directives: {
-    tooltip,
+    GlTooltip: GlTooltipDirective,
   },
   props: {
     fullPath: {
@@ -73,12 +72,9 @@ export default {
   <div class="block issuable-sidebar-item confidentiality">
     <div
       ref="collapseIcon"
-      v-tooltip
+      v-gl-tooltip.viewport.left
       :title="tooltipLabel"
       class="sidebar-collapsed-icon"
-      data-container="body"
-      data-placement="left"
-      data-boundary="viewport"
       @click="toggleForm"
     >
       <gl-icon :name="confidentialityIcon" aria-hidden="true" />

spec/frontend/sidebar/__snapshots__/confidential_issue_sidebar_spec.js.snap

@@ -7,11 +7,7 @@ exports[`Confidential Issue Sidebar Block renders for confidential = false and i
 >
   <div
     class="sidebar-collapsed-icon"
-    data-boundary="viewport"
-    data-container="body"
-    data-original-title="Not confidential"
-    data-placement="left"
-    title=""
+    title="Not confidential"
   >
     <gl-icon-stub
       aria-hidden="true"
@@ -59,11 +55,7 @@ exports[`Confidential Issue Sidebar Block renders for confidential = false and i
 >
   <div
     class="sidebar-collapsed-icon"
-    data-boundary="viewport"
-    data-container="body"
-    data-original-title="Not confidential"
-    data-placement="left"
-    title=""
+    title="Not confidential"
   >
     <gl-icon-stub
       aria-hidden="true"
@@ -119,11 +111,7 @@ exports[`Confidential Issue Sidebar Block renders for confidential = true and is
 >
   <div
     class="sidebar-collapsed-icon"
-    data-boundary="viewport"
-    data-container="body"
-    data-original-title="Confidential"
-    data-placement="left"
-    title=""
+    title="Confidential"
   >
     <gl-icon-stub
       aria-hidden="true"
@@ -170,11 +158,7 @@ exports[`Confidential Issue Sidebar Block renders for confidential = true and is
 >
   <div
     class="sidebar-collapsed-icon"
-    data-boundary="viewport"
-    data-container="body"
-    data-original-title="Confidential"
-    data-placement="left"
-    title=""
+    title="Confidential"
   >
     <gl-icon-stub
       aria-hidden="true"