GAR integration: frontend artifact details page

This issue is to introduced the page that will display the artifact details from a Google Artifact Registry object.

⚠ Names are not final. More details will come from #425070 (closed).

This page is accessed from the list of artifacts page. See #425154 (closed).

The access to this page should be gated behind the read_gcp_artifact_registry_repository permission.

This page should use the related graphQL query to get the artifact details. See GraphQL: get GAR artifact details query (#425150 - closed).

Here are the fields that should be displayed:

• name. string.
• uri. string.
• image_size_bytes. number. We might need to humanize this value.
• upload_time. timestamp.
• tags. (array of strings)
• media_type. string.
• build_time. timestamp.
• update_time. timestamp.

Bonus: upon the "repository has the wrong format" error, it should display the proper message that the connected repository is not using the DOCKER format.

This change should be gated behind the Google Artifact Registry feature flag.

Design

#425070[Wireframes_-_Detail.png]

Plan

1. New Google Artifact Registry Project Integration (#425066 - closed)
2. GAR Integration: Custom client class (#425147 - closed)
3. GraphQL: get GAR artifacts from project (#425149 - closed)
4. GraphQL: get GAR artifact details query (#425150 - closed)
5. GAR Integration: Add predefined CI variables (#425153 - closed)
6. GAR integration: frontend menu entry and list o... (#425154 - closed)
7. Frontend: artifact details page (👈 this issue)
8. GAR integration documentation (#425158 - closed)

Integration with GraphQL

During integration with GraphQL: get GAR artifact details query (#425150 - closed) remove line ee/app/assets/javascripts/packages_and_registries/google_artifact_registry/graphql/queries/get_artifact_details.query.graphql from config/known_invalid_graphql_queries.yml