Merge branch 'ph/aiActionsTooltip' into 'master'

Added tooltip and aria-label to AI actions dropdown toggle

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/126184



Merged-by: Frédéric Caplette <fcaplette@gitlab.com>
Approved-by: Amy Qualls <aqualls@gitlab.com>
Approved-by: Minahil Nichols <minahilnichols@gitlab.com>
Approved-by: Frédéric Caplette <fcaplette@gitlab.com>
Co-authored-by: Phil Hughes <me@iamphill.com>

ee/app/assets/javascripts/ai/components/ai_actions_dropdown.vue

 <script>
-import { GlButton, GlDisclosureDropdown, GlIcon, GlLoadingIcon } from '@gitlab/ui';
+import {
+  GlButton,
+  GlDisclosureDropdown,
+  GlIcon,
+  GlLoadingIcon,
+  GlTooltipDirective,
+} from '@gitlab/ui';
 import { fetchPolicies } from '~/lib/graphql';
 import { __ } from '~/locale';
 import { createAlert } from '~/alert';
@@ -16,6 +22,9 @@ export default {
     GlLoadingIcon,
     GlIcon,
   },
+  directives: {
+    GlTooltip: GlTooltipDirective,
+  },
   props: {
     actions: {
       type: Array,
@@ -163,7 +172,14 @@ export default {
     no-caret
   >
     <template #toggle>
-      <gl-button category="tertiary" size="small" class="gl-mr-3 gl-px-2!">
+      <gl-button
+        v-gl-tooltip
+        :title="__('AI actions')"
+        :aria-label="__('AI actions')"
+        category="tertiary"
+        size="small"
+        class="gl-mr-3 gl-px-2!"
+      >
         <gl-loading-icon v-if="loading" />
         <gl-icon v-else name="tanuki" />
       </gl-button>