Fixes stuck tooltip on stop env button

Used the glTooltipdirective to fix the tooltip
on the stop environment button in the mr widget
getting stuck when the element is not in hover state

app/assets/javascripts/vue_merge_request_widget/components/deployment.vue

 <script>
+import { GlTooltipDirective } from '@gitlab/ui';
 import Icon from '~/vue_shared/components/icon.vue';
 import TooltipOnTruncate from '~/vue_shared/components/tooltip_on_truncate.vue';
 import FilteredSearchDropdown from '~/vue_shared/components/filtered_search_dropdown.vue';
 import { __ } from '~/locale';
 import timeagoMixin from '../../vue_shared/mixins/timeago';
-import tooltip from '../../vue_shared/directives/tooltip';
 import LoadingButton from '../../vue_shared/components/loading_button.vue';
 import { visitUrl } from '../../lib/utils/url_utility';
 import createFlash from '../../flash';
@@ -25,7 +25,7 @@ export default {
     ReviewAppLink,
   },
   directives: {
-    tooltip,
+    GlTooltip: GlTooltipDirective,
   },
   mixins: [timeagoMixin],
   props: {
@@ -136,7 +136,7 @@ export default {
             </template>
             <span
               v-if="hasDeploymentTime"
-              v-tooltip
+              v-gl-tooltip
               :title="deployment.deployed_at_formatted"
               class="js-deploy-time"
             >
@@ -195,7 +195,7 @@ export default {
             </template>
             <span 
               v-if="deployment.stop_url"
-              v-tooltip 
+              v-gl-tooltip
               :title="deployInProgressTooltip"
               class="d-inline-block" 
               tabindex="0"

changelogs/unreleased/54282-tooltip-stuck.yml

+---
+title: Fixes stuck tooltip on stop env button
+merge_request: 23244
+author:
+type: fixed