Refactor array with single element to string

- update snapshot tests

ee/app/assets/javascripts/security_dashboard/components/vulnerability_severity.vue

@@ -14,19 +14,19 @@ import Icon from '~/vue_shared/components/icon.vue';
 export default {
   css: {
     severityGroups: {
-      [severityGroupTypes.F]: ['gl-text-red-900'],
-      [severityGroupTypes.D]: ['gl-text-red-700'],
-      [severityGroupTypes.C]: ['gl-text-orange-600'],
-      [severityGroupTypes.B]: ['gl-text-orange-400'],
-      [severityGroupTypes.A]: ['gl-text-green-500'],
+      [severityGroupTypes.F]: 'gl-text-red-900',
+      [severityGroupTypes.D]: 'gl-text-red-700',
+      [severityGroupTypes.C]: 'gl-text-orange-600',
+      [severityGroupTypes.B]: 'gl-text-orange-400',
+      [severityGroupTypes.A]: 'gl-text-green-500',
     },
     severityLevels: {
-      [severityLevels.CRITICAL]: ['gl-text-red-900'],
-      [severityLevels.HIGH]: ['gl-text-red-700'],
-      [severityLevels.UNKNOWN]: ['gl-text-gray-500'],
-      [severityLevels.MEDIUM]: ['gl-text-orange-600'],
-      [severityLevels.LOW]: ['gl-text-orange-500'],
-      [severityLevels.NONE]: ['gl-text-green-500'],
+      [severityLevels.CRITICAL]: 'gl-text-red-900',
+      [severityLevels.HIGH]: 'gl-text-red-700',
+      [severityLevels.UNKNOWN]: 'gl-text-gray-500',
+      [severityLevels.MEDIUM]: 'gl-text-orange-600',
+      [severityLevels.LOW]: 'gl-text-orange-500',
+      [severityLevels.NONE]: 'gl-text-green-500',
     },
   },
   accordionItemsContentMaxHeight: '445px',

ee/spec/frontend/security_dashboard/components/__snapshots__/vulnerability_severity_spec.js.snap

@@ -61,7 +61,7 @@ exports[`Vulnerability Severity component when the data has loaded matches snaps
                   class="d-flex align-items-center font-weight-normal p-0 m-0"
                 >
                   <span
-                    class="gl-text-red-900 font-weight-bold mr-3 gl-font-size-16"
+                    class="font-weight-bold mr-3 gl-font-size-16 gl-text-red-900"
                   >
                     
               F
@@ -137,7 +137,7 @@ exports[`Vulnerability Severity component when the data has loaded matches snaps
                   class="d-flex align-items-center font-weight-normal p-0 m-0"
                 >
                   <span
-                    class="gl-text-red-700 font-weight-bold mr-3 gl-font-size-16"
+                    class="font-weight-bold mr-3 gl-font-size-16 gl-text-red-700"
                   >
                     
               D
@@ -213,7 +213,7 @@ exports[`Vulnerability Severity component when the data has loaded matches snaps
                   class="d-flex align-items-center font-weight-normal p-0 m-0"
                 >
                   <span
-                    class="gl-text-orange-600 font-weight-bold mr-3 gl-font-size-16"
+                    class="font-weight-bold mr-3 gl-font-size-16 gl-text-orange-600"
                   >
                     
               C
@@ -289,7 +289,7 @@ exports[`Vulnerability Severity component when the data has loaded matches snaps
                   class="d-flex align-items-center font-weight-normal p-0 m-0"
                 >
                   <span
-                    class="gl-text-orange-400 font-weight-bold mr-3 gl-font-size-16"
+                    class="font-weight-bold mr-3 gl-font-size-16 gl-text-orange-400"
                   >
                     
               B
@@ -365,7 +365,7 @@ exports[`Vulnerability Severity component when the data has loaded matches snaps
                   class="d-flex align-items-center font-weight-normal p-0 m-0"
                 >
                   <span
-                    class="gl-text-green-500 font-weight-bold mr-3 gl-font-size-16"
+                    class="font-weight-bold mr-3 gl-font-size-16 gl-text-green-500"
                   >
                     
               A