Build out new pipeline header - part 2

What does this MR do and why?

2nd MR in the effort to build out the new pipeline details header.

First MR can be found here !120634 (merged)

Next MR will handle adding back pipeline actions (buttons) and related MR data.

Following MRs will handle error handling and removing test flag stubs.

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

Running pipeline example

How to set up and validate locally

1. Enable pipeline_details_header_vue in the rails console
2. Visit a pipeline
3. View the header section

Numbered steps to set up and validate the change are strongly suggested.

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)