Frontend: Reorganize information in the detail page

Summary

There are some links with metadata in the CI/CD Catalog detail page. Given that we want to add more data soon, we need to think about the scalability of the current UI and the readability.

Proposal

Let's reduce clutter and visual loads on this page.

Current	Proposed

• 👉 Design tab
• 🔗 Figma prototype

Suggested changes

• Remove the link to the issues
• Remove the link to the merge requests
• Remove the pipeline status indicator
• Change the button to the project (#438262[_438262-on-click.png])
• Change how we show the released time (#438262[_438262-on-hover-version.png])

Confirm purpose and User Reception (how does this benefit the user?)

• How to navigate the issues and the merge requests of the project: users can navigate to those pages from the project.
• How to navigate to the actual project?: users can click on the component name or the project avatar.

Additional details

Some relevant technical details, if applicable, such as:

• Does this need a feature flag?
• Does there need to be an associated instrumentation issue created related to this work?
• Is there an example response showing the data structure that should be returned (new endpoints only)?
• What permissions should be used?
• Is this EE or CE?
  • EE
  • CE
• Additional comments:

Implementation Table

Group	Issue Link
frontend	👈 You are here

Links/References