Merge branch...

Merge branch '233595-replace-gldeprecateddropdown-with-gldropdown-in-ee-app-assets-javascripts-licenses' into 'master'

Replaced depracted dropdown

Closes #233595

See merge request gitlab-org/gitlab!42323

ee/app/assets/javascripts/licenses/components/cards/license_card.vue

 <script>
 import { mapState, mapActions } from 'vuex';
-import { GlDeprecatedDropdown, GlDeprecatedDropdownItem } from '@gitlab/ui';
+import { GlDropdown, GlDropdownItem } from '@gitlab/ui';
 import { capitalizeFirstCharacter } from '~/lib/utils/text_utility';
 import { __ } from '~/locale';
 import LicenseCardBody from './license_card_body.vue';
@@ -9,8 +9,8 @@ export default {
   name: 'LicenseCard',
   components: {
     LicenseCardBody,
-    GlDeprecatedDropdown,
-    GlDeprecatedDropdownItem,
+    GlDropdown,
+    GlDropdownItem,
   },
   props: {
     license: {
@@ -55,26 +55,21 @@ export default {
           }}
         </h4>
-        <gl-deprecated-dropdown
-          right
-          class="js-manage-license"
-          :text="__('Manage')"
-          :disabled="isRemoving"
-        >
-          <gl-deprecated-dropdown-item
+        <gl-dropdown right class="js-manage-license" :text="__('Manage')" :disabled="isRemoving">
+          <gl-dropdown-item
             v-if="isCurrentLicense"
             class="js-download-license"
             :href="downloadLicensePath"
           >
             {{ __('Download license') }}
-          </gl-deprecated-dropdown-item>
-          <gl-deprecated-dropdown-item
+          </gl-dropdown-item>
+          <gl-dropdown-item
             class="js-delete-license text-danger"
             @click="confirmDeleteLicense(license)"
           >
             {{ __('Delete license') }}
-          </gl-deprecated-dropdown-item>
-        </gl-deprecated-dropdown>
+          </gl-dropdown-item>
+        </gl-dropdown>
       </div>
     </div>

ee/spec/frontend/licenses/components/cards/__snapshots__/license_card_spec.js.snap

@@ -16,21 +16,30 @@ exports[`LicenseCard renders license card with a delete button and license body
       
       </h4>
        
-      <gl-deprecated-dropdown-stub
+      <gl-dropdown-stub
+        category="tertiary"
         class="js-manage-license"
+        headertext=""
         right=""
+        size="medium"
         text="Manage"
+        variant="default"
       >
         <!---->
          
-        <gl-deprecated-dropdown-item-stub
+        <gl-dropdown-item-stub
+          avatarurl=""
           class="js-delete-license text-danger"
+          iconcolor=""
+          iconname=""
+          iconrightname=""
+          secondarytext=""
         >
           
           Delete license
         
-        </gl-deprecated-dropdown-item-stub>
-      </gl-deprecated-dropdown-stub>
+        </gl-dropdown-item-stub>
+      </gl-dropdown-stub>
     </div>
   </div>