[RHOAIENG-8359] Move and update pipeline and run detail tabs

[jpuzz0]

Closes: RHOAIENG-8359

Description

• Added "Summary" tab to the pipelines details page
• Moved content from pipeline run details bottom drawer tabs at the top of the application page
• Updated pipeline run details content based on mockups

Pipeline run details

Pipeline version details



(@yannnz)

How Has This Been Tested?

Manual tests & cypress tests

Test Impact

Needed to update pipeline run details cypress tests

Request review criteria:

Self checklist (all need to be checked):

• The developer has manually tested the changes and verified that the changes work
• Commits have been squashed into descriptive, self-contained units of work (e.g. 'WIP' and 'Implements feedback' style messages have been removed)
• 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 (find relevant UX in the SMEs section).

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

[codecov]

Codecov Report

Attention: Patch coverage is 88.09524% with 10 lines in your changes missing coverage. Please review.

Project coverage is 78.38%. Comparing base (9484646) to head (b02281c).
Report is 6 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #2911      +/-   ##
==========================================
- Coverage   78.38%   78.38%   -0.01%     
==========================================
  Files        1128     1127       -1     
  Lines       24023    23988      -35     
  Branches     6076     6066      -10     
==========================================
- Hits        18831    18803      -28     
+ Misses       5192     5185       -7     

Files	Coverage Δ
...tent/pipelinesDetails/pipeline/PipelineDetails.tsx	88.33% <100.00%> (+0.19%)	⬆️
...inesDetails/pipelineRun/PipelineRunDetailsTabs.tsx	100.00% <100.00%> (ø)
...linesDetails/pipelineRun/PipelineRunTabDetails.tsx	94.73% <100.00%> (+4.26%)	⬆️
...rontend/src/concepts/topology/PipelineTopology.tsx	94.73% <50.00%> (-5.27%)	⬇️
...esDetails/pipelineRunJob/PipelineRunJobDetails.tsx	85.71% <88.23%> (ø)
...etails/pipeline/PipelineSummaryDescriptionList.tsx	78.57% <78.57%> (ø)
...ipelinesDetails/pipelineRun/PipelineRunDetails.tsx	80.35% <77.77%> (+0.05%)	⬆️

... and 3 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 9484646...b02281c. Read the comment docs.

[Gkrumbach07]

Some images where added?

[Gkrumbach07]

I think Yan wants this to be the version pipeline spec and then we just dont show the pipeline run result yaml

[jpuzz0]

"just dont show the pipeline run result yaml" I assume this means hide the tab when the run's version's pipeline spec is not found?

[Gkrumbach07]

yeah we are replacing the run details with the pipeline spec. so it will hide the tab if we cant find the version for some reason

[jpuzz0]

This was done in my last commit.

[jpuzz0]

Some images where added?

I'm not sure what you're asking.

[Gkrumbach07]

matches mocks

/lgtm
/approve

[openshift-ci]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: Gkrumbach07

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

The pull request process is described here

Needs approval from an approver in each of these files:

• frontend/OWNERS [Gkrumbach07]

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