[ui] Nicer contributions tab UI

[benfurber]

Is your feature request related to a problem? Please describe.

Currently the contributions tab in someone’s profile looks boring and is hard to read. There is a lot of text close to each other. This design idea shows how could it be more interesting and readable.

Describe the solution you'd like

A new card component with a white background that includes:

• Research: Image, title, useful count, comment count, research update count.
• Library: Image, title, useful count, comment count
• Questions: Title, useful count, comment count

And don’t forget about the mobile version. It is not provided in the screenshot, but test and optimise it so that it is usable and optimised for mobiles. This would probably mean utilising a reasonable breakpoint where the layout changes from 2 columns to 1.

You'll notice:

• The screenshot (which is older) we still use the title How-to(s) which is outdated. Now we use Projects instead.
• The icons in the screenshot is out of date too. You'll see on the main list pages the icons to use.

Extra tech details

I would suggest that we keep the title text to one-line. If it is longer we can apply [truncating (text-overflow:elipsis)](https://css-tricks.com/snippets/css/truncate-string-with-ellipsis/).

The components for this should go in the component library (/packages/components).

Additional context

Look at how we currently do on a space profile that has published some research or library project. e.g. Sustainable Design Studio.

[benfurber]

Started this and getting in the first layer of this done in #4566.

Design questions for @analordello:

1. Thinking about the meta fields to display. As we spent time thinking about them for the main page display for each content type, thoughts on displaying all of them here? Feels inconsitent otherwise.
2. Should we go for the black and white icons, again to be consistent with the main page displays.

Tech question for @mariojsnunes. I need to update the RPC for this (e.g. get_user_projects), I thought updating the schema file (e.g. supabase/schemas/projects.sql) was going to be enough to done it. What are the steps I need to complete?

[mariojsnunes]

@benfurber you still need to create a diff migration file, same as before.