Switch to v-safe-html in ancestors_true.vue

ee/app/assets/javascripts/sidebar/components/ancestors_tree/ancestors_tree.vue

 <script>
-import { GlLoadingIcon, GlLink, GlTooltip, GlIcon } from '@gitlab/ui';
+import { GlLoadingIcon, GlLink, GlTooltip, GlIcon, GlSafeHtmlDirective } from '@gitlab/ui';
 import { escape } from 'lodash';
 
 import { __ } from '~/locale';
@@ -12,6 +12,9 @@ export default {
     GlLink,
     GlTooltip,
   },
+  directives: {
+    SafeHtml: GlSafeHtmlDirective,
+  },
   props: {
     ancestors: {
       type: Array,
@@ -70,7 +73,7 @@ export default {
     </div>
 
     <gl-tooltip :target="() => $refs.sidebarIcon" placement="left" boundary="viewport">
-      <span v-html="tooltipText /* eslint-disable-line vue/no-v-html */"></span>
+      <span v-safe-html="tooltipText"></span>
     </gl-tooltip>
     <div class="title hide-collapsed gl-mb-2">{{ __('Ancestors') }}</div>