Add explanation and copy action for the Pod name in the Pipeline run graph execution node drawer

[dpanshug]

Closes: RHOAIENG-12089

Description

Added copy clipboard and copy button in the Pipeline run graph execution node drawer.

How Has This Been Tested?

Open a pipeline run execution and click on the node to open right drawer. Check the clipboard copy and popover text.

Test Impact

N/A

Request review criteria:

Self checklist (all need to be checked):

• The developer has manually tested the changes and verified that the changes work
• Testing instructions have been added in the PR body (for PRs involving changes that are not immediately obvious).
• The developer has added tests or explained why testing cannot be added (unit or cypress tests for related changes)

If you have UI changes:

• Included any necessary screenshots or gifs if it was a UI change.
• Included tags to the UX team if it was a UI/UX change.

After the PR is posted & before it merges:

• The developer has tested their solution on a cluster by using the image produced by the PR to main
  @yannnz

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 84.86%. Comparing base (c4ae140) to head (387ba0d).

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #3312      +/-   ##
==========================================
+ Coverage   84.84%   84.86%   +0.02%     
==========================================
  Files        1321     1321              
  Lines       29446    29447       +1     
  Branches     8037     8038       +1     
==========================================
+ Hits        24983    24990       +7     
+ Misses       4463     4457       -6     

Files with missing lines	Coverage Δ
...ails/pipelineRun/PipelineRunDrawerRightContent.tsx	92.30% <100.00%> (+0.64%)	⬆️

... and 5 files with indirect coverage changes

---

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update c4ae140...387ba0d. Read the comment docs.

[yannnz]

UI looks good to me. Thanks. One thing I want to double check is if this pod name always displays in the UI even the pod has been expired?

[dpanshug]

One thing I want to double check is if this pod name always displays in the UI even the pod has been expired?

@yannnz, yes the pod name is still there.

[Gkrumbach07]

This should not fully span horizontally.

[yannnz]

This should not fully span horizontally.

Thanks for pointing this out! Yeap it should keep the length with the content.

[dpanshug]

@Gkrumbach07 @yannnz Fixed that width issue

[openshift-ci]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
Once this PR has been reviewed and has the lgtm label, please ask for approval from gkrumbach07. For more information see the Kubernetes Code Review Process.

The full list of commands accepted by this bot can be found here.

Needs approval from an approver in each of these files:

• frontend/OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment