[FE] UI for display token status on Pipeline > Security Details Page

Problem

We want to display token validity status in the Pipeline Security details modal.

Proposed Solution

We can follow similar logic as the Vulnerability Details page.

Prerequistes

[FE] UI for Pipeline > Security Report Page (#557280 - closed) • Radu Birsan • 18.4 • On track needs to merge so that validity_checks_enabled db value from the backend and validity_check feature flag are both available to the pipeline security report child components.

Implementation Plan

ee/app/assets/javascripts/security_dashboard/components/shared/vulnerability_details_graphql/index.vue

• vulnerability_details_graphql#L137 add glFeatureFlagsMixin and inject validityChecksEnabled
• vulnerability_details_graphql#L277 add shouldRenderValidityCheck to verify the conditions are right to show the token status
• vulnerability_details_graphql#L316 add new details-section-list-item under Severity that render
• vulnerability_details_graphql#L136 add findingTokenStatus as a prop (verify its included in the graphQL)

https://gitlab.com/gitlab-org/gitlab/-/blob/master/ee/app/assets/javascripts/security_dashboard/components/shared/vulnerability_details_graphql/details_section_list_item.vue

• Add experiment badge details_section_list_item.vue#L19 similar to detail_item.vue#L23