Add tooltips to requirement import and export buttons

changelogs/unreleased/299494-add-tooltips-to-requirement-import-and-export.yml

+---
+title: Add tooltips to requirement import and export buttons
+merge_request: 52582
+author: Kev @KevSlashNull
+type: fixed

ee/app/assets/javascripts/requirements/components/requirements_tabs.vue

 <script>
-import { GlBadge, GlButton, GlButtonGroup, GlTabs, GlTab } from '@gitlab/ui';
+import { GlBadge, GlButton, GlButtonGroup, GlTabs, GlTab, GlTooltipDirective } from '@gitlab/ui';
 
 import { FilterState } from '../constants';
 
 export default {
+  directives: {
+    GlTooltip: GlTooltipDirective,
+  },
   FilterState,
   components: {
     GlBadge,
@@ -89,6 +92,8 @@ export default {
       <gl-button-group>
         <gl-button
           v-if="showUploadCsv"
+          v-gl-tooltip
+          :title="__('Export as CSV')"
           category="secondary"
           :disabled="showCreateForm"
           icon="export"
@@ -96,6 +101,8 @@ export default {
         />
         <gl-button
           v-if="showUploadCsv"
+          v-gl-tooltip
+          :title="__('Import requirements')"
           category="secondary"
           class="js-import-requirements qa-import-requirements-button"
           :disabled="showCreateForm"