Add and use graphql fragment to render ci_icon

What does this MR do and why?

This change refactors a commonly used group of fields used to render a CI icon status into a GraphQL fragment so it can be reused.

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

1. Admin -> Runners -> [Select a runner with jobs] -> Jobs tabs

http://gdk.test:3000/admin/runners/1160#/jobs

1. Project -> Commits -> [Select a commit]

http://gdk.test:3000/top-group/top-project/-/commit/90bc4fa2f895b3ed225de5da41109130ede73ef5

http://gdk.test:3000/top-group/top-project/-/commit/90bc4fa2f895b3ed225de5da41109130ede73ef5

Related to #423028 (closed)