Update badges in states table

Addresses https://gitlab.com/gitlab-org/gitlab/-/issues/350369.

app/assets/javascripts/terraform/components/states_table.vue

 <script>
-import {
-  GlAlert,
-  GlBadge,
-  GlIcon,
-  GlLink,
-  GlLoadingIcon,
-  GlSprintf,
-  GlTable,
-  GlTooltip,
-} from '@gitlab/ui';
+import { GlAlert, GlBadge, GlLink, GlLoadingIcon, GlSprintf, GlTable, GlTooltip } from '@gitlab/ui';
 import { getIdFromGraphQLId } from '~/graphql_shared/utils';
 import { s__ } from '~/locale';
 import CiBadge from '~/vue_shared/components/ci_badge_link.vue';
@@ -21,7 +12,6 @@ export default {
     CiBadge,
     GlAlert,
     GlBadge,
-    GlIcon,
     GlLink,
     GlLoadingIcon,
     GlSprintf,
@@ -156,8 +146,7 @@ export default {
           :id="`terraformLockedBadgeContainer${item.name}`"
           class="gl-mx-3"
         >
-          <gl-badge :id="`terraformLockedBadge${item.name}`">
-            <gl-icon name="lock" />
+          <gl-badge :id="`terraformLockedBadge${item.name}`" icon="lock">
             {{ $options.i18n.locked }}
           </gl-badge>
 

spec/frontend/terraform/components/states_table_spec.js

-import { GlIcon, GlLoadingIcon, GlTooltip } from '@gitlab/ui';
+import { GlBadge, GlLoadingIcon, GlTooltip } from '@gitlab/ui';
 import { mount } from '@vue/test-utils';
 import { nextTick } from 'vue';
 import { useFakeDate } from 'helpers/fake_date';
@@ -139,7 +139,7 @@ describe('StatesTable', () => {
       const toolTip = state.find(GlTooltip);
 
       expect(state.text()).toContain(name);
-      expect(state.find(GlIcon).exists()).toBe(locked);
+      expect(state.find(GlBadge).exists()).toBe(locked);
       expect(state.find(GlLoadingIcon).exists()).toBe(loading);
       expect(toolTip.exists()).toBe(locked);