[katib-trials-page] Have a distinct page for each Trial in the UI

[kimwnasptd]

/kind feature

Describe the solution you'd like
Right now we have a full page, where a user can see an OVERVIEW, YAML and TRIALS, of an Experiment. But we don't have such dedicated pages for each Trial. Such a page could be accessible when a user clicks on the Trial name, in the TRIALS tab of an Experiment.

Having such pages can allow us to expose more information for Trials, via tabs, like:

• OVERVIEW: Expose a summary of the status, K8s conditions and important info of the Trial
• DETAILS: An overview of some important fields of the YAML, shown in a more user-friendly way than just the YAML
• LOGS: Of the underlying Pod, for that Trial Show trial logs on the interface #971
• YAML: For showing the K8s yaml, as is, for the advanced K8s users

Anything else you would like to add:
We can break this work into smaller parts, and not merge everything at once. For example a very good first step for this can be the work for #1745 where we just introduce a page for each Trial with:

1. Showing the graph we currently show, when user hovers on the name of the Trial
2. The LOGS tab

I'll also create a distinct issue to discuss the technical details for how to get the underlying Trial logs, depending on the type of the job.
cc @d-gol @andreyvelich @johnugeorge @gaocegege

---

Love this feature? Give it a 👍 We prioritize the features with the most 👍

[andreyvelich]

/priority p2