feat: add styles for project and dataset cards (#1964)

[andre-code]

This PR add the styles for project and dataset cards and the button to start a session from the project card.

Ref #1964

Pending

• Fix acceptance tests

/deploy renku=1978-styles-cards-projects-and-datasets #persist

[RenkuBot]

You can access the deployment of this PR at https://renku-ci-ui-1978.dev.renku.ch

[andre-code]

Note: we agreed with Ordes not to merge it into master but into a feature branch while making the internal card for projects and datasets.

[ciyer]

This looks good!

For the most part, I think the code is good, I think it could benefit from introducing a few more components in client/src/utils/components/List.js. I made a commit that starts this, but I think it could go a bit further.

The other thing that would be nice is to use SVG for the background images. I think the PNG files look grainy.

[andre-code]

This looks good!

For the most part, I think the code is good, I think it could benefit from introducing a few more components in client/src/utils/components/List.js. I made a commit that starts this, but I think it could go a bit further.

Thanks for the feedback, I have also added new components in the List.js. Note that in kg-search that component is refactored, so in this PR I only focus on the styles and don't make this PR so extensive.

The other thing that would be nice is to use SVG for the background images. I think the PNG files look grainy.

That grainy effect is intentional in the design, those resources in Figma and zeroheight are only available in png, and I think it makes sense because they are 2 images combined.

[ciyer]

👍

[RenkuBot]

Tearing down the temporary RenkuLab deplyoment for this PR.