Backport of CE->EE merge conflict resolution

What does this MR do?

Backport the EE version of app/assets/javascripts/jobs/components/sidebar_details_block.vue

Are there points in the code the reviewer needs to double check?

Why was this MR needed?

While I solved a conflict in https://gitlab.com/gitlab-org/gitlab-ee/merge_requests/5860, the EE and CE version of app/assets/javascripts/jobs/components/sidebar_details_block.vue diverged.

Does this MR meet the acceptance criteria?

• Conform by the code review guidelines
  • Has been reviewed by a Frontend maintainer

What are the relevant issue numbers?

• #39086 (closed)
• #45185 (closed)