🎨 [Frontend] Feature: Study icon

[odeimaiz]

What do these changes do?

This PR adds a new UI element to the dashboard cards: icon. This icon is not customizable, it represents what kind of app the pipeline contains.

In the list view, the icon will be shown instead of the currently shown thumbnail.

In order to provide an icon to the already existing studies, the frontend will try to guess what icon should be displayed:

• S4L: if only one node is present in the project, S4L, iSEG and JLab will get their own icon, the rest of projects will show the product's icon (the head)
• osparc: For now, nodes.length > 1 ? diagram icon : osparc icon.
• TIP: depending on the ti-postrpo boot_mode, the TI mode could be guesses

S4L:

osparc:

TIP:

Related issue/s

• related to oSPARC Sim4Life.Web Integration osparc-issues#1822

How to test

Dev-ops checklist

• No ENV changes or I properly updated ENV (read the instruction)

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud