Remove fa-arrow-* CSS and fix specs

Fix wrong icon used in dropdown_create_label.vue

app/assets/javascripts/vue_shared/components/sidebar/labels_select/dropdown_create_label.vue

@@ -33,7 +33,7 @@ export default {
         :aria-label="__('Go back')"
         category="tertiary"
         class="dropdown-title-button dropdown-menu-back"
-        icon="close"
+        icon="arrow-left"
       />
       {{ headerTitle }}
       <button

app/assets/stylesheets/fontawesome_custom.scss

@@ -134,10 +134,6 @@
   content: '\f100';
 }
 
-.fa-arrow-left::before {
-  content: '\f060';
-}
-
 .fa-trash-o::before {
   content: '\f014';
 }
@@ -166,10 +162,6 @@
   content: '\f0c6';
 }
 
-.fa-arrow-up::before {
-  content: '\f062';
-}
-
 .fa-bug::before {
   content: '\f188';
 }
@@ -186,10 +178,6 @@
   content: '\f0f3';
 }
 
-.fa-arrow-down::before {
-  content: '\f063';
-}
-
 .fa-bitbucket-square::before {
   content: '\f172';
 }
@@ -242,10 +230,6 @@
   content: '\f04b';
 }
 
-.fa-arrow-right::before {
-  content: '\f061';
-}
-
 .fa-search-plus::before {
   content: '\f00e';
 }

spec/frontend/vue_shared/components/sidebar/labels_select/dropdown_create_label_spec.js

@@ -43,7 +43,7 @@ describe('DropdownCreateLabelComponent', () => {
       );
 
       expect(backButtonEl).not.toBe(null);
-      expect(backButtonEl.querySelector('.fa-arrow-left')).not.toBe(null);
+      expect(backButtonEl.querySelector('[data-testid="arrow-left-icon"]')).not.toBe(null);
     });
 
     it('renders component header element as `Create new label` when `headerTitle` prop is not provided', () => {