Hide compute credits when zero - UX adjustment

What does this MR do and why?

UX adjustment for pipeline details header refactor (behind flag pipeline_details_header_vue). Hides compute credits when the value is zero.

First MR: !120634 (merged)

Second MR: !121174 (merged)

Third MR: !122216 (merged)

Fourth MR: !122516 (merged)

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

Screenshots or screen recordings

This value will be hidden if 0.0 which is what the BE returns.

Production example on gitlab project where a pipeline has 0.0 compute credits used.

How to set up and validate locally

1. Enable pipeline_details_header_vue in the rails console
2. Visit a pipeline
3. View header section (if you have compute credits used it will show, if you don't it will be hidden)

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)