UI: Adjusting Artifacts table

[ghost]

Summary

In would be great to have workflow Artifacts table on UI more readable.

This can be reached by:

• adding column names
• adding column separators to clearly define where one ends and other starts
• adjusting fields width. It seems to me that the time column is excessively wide and at the same time the artifact name and the task name columns are too limited.
• making table scrollable horizontally for dealing with long names. Thus, they will always occupy one line.

Use Cases

It takes time to read and understand artifact info now, especially on first columns whose values that may merge with each other. And I'm enclosing a screenshot to show how Artifacts looks from my side at the moment.

---

Message from the maintainers:

Love this enhancement proposal? Give it a 👍. We prioritise the proposals with the most 👍.

[alexec]

If you'd like to submit a PR, the change needs to be made here:

https://github.com/argoproj/argo-workflows/blob/9c901456a44501f11afc2bb1e856f0d0828fd13f/ui/src/app/workflows/components/workflow-artifacts.tsx#L40