Merge branch '423028-use-ci-icon-fragment' into 'master'

Use CI Icon query fragment in artifacts table

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/144743



Merged-by: Miranda Fluharty <mfluharty@gitlab.com>
Approved-by: Miranda Fluharty <mfluharty@gitlab.com>
Reviewed-by: Miranda Fluharty <mfluharty@gitlab.com>
Co-authored-by: Miguel Rincon <mrincon@gitlab.com>

app/assets/javascripts/ci/artifacts/graphql/queries/get_job_artifacts.query.graphql

+#import "~/graphql_shared/fragments/ci_icon.fragment.graphql"
 #import "~/graphql_shared/fragments/page_info.fragment.graphql"
 
 query getJobArtifacts(
@@ -21,10 +22,7 @@ query getJobArtifacts(
         name
         webPath
         detailedStatus {
-          id
-          group
-          icon
-          label
+          ...CiIcon
         }
         pipeline {
           id

spec/frontend/ci/artifacts/components/job_artifacts_table_spec.js

@@ -205,7 +205,8 @@ describe('JobArtifactsTable component', () => {
     it('shows the job status as an icon for a successful job', () => {
       expect(findCiIcon().props()).toMatchObject({
         status: {
-          group: 'success',
+          text: 'Passed',
+          icon: 'status_success',
         },
         showStatusText: false,
       });