Hide pipeline duration use-case - UX adjustment

What does this MR do and why?

UX adjustment for pipeline details header refactor (behind flag pipeline_details_header_vue).

Use-case fix for when a user has cancelled a pipeline and then retries the pipeline putting it in a running state. Previously the finished duration was showing because the old duration is still present in the payload.

First MR: !120634 (merged)

Second MR: !121174 (merged)

Third MR: !122216 (merged)

Fourth MR (removal): !122516 (merged)

Design can be found here #394768[Unbox-pipeline-detail-page.png]

Screenshots or screen recordings

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Before	After

How to set up and validate locally

1. Enable pipeline_details_header_vue in the rails console
2. Run a pipeline then cancel it
3. Retry that same pipeline putting it in a running state
4. Verify duration is not shown while that pipeline is running

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• I have evaluated the MR acceptance checklist for this MR.

Related to #394768 (closed)