Expanded artefact view

[omar-selo]

Implements expanded Artefact view according to Figma design. This solves Jira task RTW-85.

Notes:

• I tried to use Yaru icons and widgets where possible (even if it may differ slightly from design)
• I didn't implement adding test execution status count to the artefact cards themselves. If we want to do that I prefer to do it in a different PR as it adds a bit of complexity over what already is here. (will need to modify back-end endpoints)

Screencast.from.04-07-23.14.05.45.webm

[nadzyah]

Thanks for the video!
On the main screen, we don't represent all these icons since we just summarise test results there. So, on the main screen, we have only "Passed", "Error", "No Result" (the last combines "In progress", "Not started" and "Not tested")

In the expanded view, we have all the icons like here:

It also would be great to keep the order like on the design since Matias really cares about the order

[nadzyah]

Is it possible to capitalise stages on the main and expanded view?

Also, it would be great if we could show "passed" stages on the expanded view with grey colour

[omar-selo]

Is it possible to capitalise stages on the main and expanded view?

Also, it would be great if we could show "passed" stages on the expanded view with grey colour

Done. Below is an updated screenshot:

[nadzyah]

Done. Below is an updated screenshot:

Thanks! The only thing that bothers me is that the size of the icons seems to be kinda large. Is it the same as on the design?

[nadzyah]

Thanks for answering my questions!