Rewrite the sidebar tab in Vue

[artonge]

This is a rewrite in Vue of the sidebar tab.

I used @juliushaertl/vue-richtext to render activities, and created components for activity types that needed it.

Done:

• Rewrite activity tab to vue
• Add jest tests
• Add cypress tests

Before	After

[skjnldsv]

See comments :)
Looks great!

Let's ping Jan for design update, now this is the time to do that 🚀

[jancborchardt]

Nice nice @artonge! :) 2 things from the design side:

• The icons are a bit larger than previously, and as that also larger than the tab icons. Is this intentional? Smaller looks a bit nicer
• The whitespace between entries was reduced – but we should have some more breathing room, actually more than before even. We try to use units on a scale of 4, so you can check if e.g. 8 or 12 or 16px of padding looks nicer.
• This might not be something for this pure rewrite – but it would be quite nice if for the "[person] commented" activity instead of an icon, we use their avatar.

[artonge]

UI update:

• The icons are a bit larger than previously, and as that also larger than the tab icons. Is this intentional? Smaller looks a bit nicer

I felt the opposite, I felt that they were to small previously, they felt "cheap" to me compared to the Sharing and Comments tab. Maybe we could match those ?

• The whitespace between entries was reduced – but we should have some more breathing room, actually more than before even. We try to use units on a scale of 4, so you can check if e.g. 8 or 12 or 16px of padding looks nicer.

Indeed.

• This might not be something for this pure rewrite – but it would be quite nice if for the "[person] commented" activity instead of an icon, we use their avatar.

Added an example with a comment from another user. It seems duplicate to change the icon comment to the user's avatar.

[nickvergessen]

Woho, I made 3 attempts to migrate the normal activity view to Vue, but always failed to finish it completely.
This looks like a step into the future :)

[nickvergessen]

This might not be something for this pure rewrite – but it would be quite nice if for the "[person] commented" activity instead of an icon, we use their avatar.

Please let's not do this here. This needs fixing on various levels and should be reflected via the API so it works in the mobile apps then too.

[rullzer]

Looking super slick @artonge
I vote to try to get it in asap. So that we can work on smaller fixes separatly. As to not make this bigger than it has to be right now.

CC: @skjnldsv