💄 [#2064] Fix userfeed styling

[jiromaykin]

issue: https://taiga.maykinmedia.nl/project/open-inwoner/issue/2064

based on design: https://www.figma.com/file/iKGhWhstaLIlFSaND2q7cE/OIP---Designs-(new)?type=design&node-id=1460%3A5026&mode=dev

Fixing heading(=description) styling + improved the pseudo-element spacing a bit ;
not yet adding the arrow link, will be new issue if actually needed in future.

Note: I have also changed the order and HTML semantics, as this relates to this issue: https://taiga.maykinmedia.nl/project/open-inwoner/task/2352

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 95.18%. Comparing base (475ae94) to head (0e49907).

Additional details and impacted files

@@           Coverage Diff            @@
##           develop    #1180   +/-   ##
========================================
  Coverage    95.18%   95.18%           
========================================
  Files          956      956           
  Lines        34603    34603           
========================================
  Hits         32937    32937           
  Misses        1666     1666           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[pi-sigma]

Looks good to me. I noticed two departures from the design:

(1) in the design the the text is bold (ours is regular)
(2) in the design the arrow is always centered in the box (on our end it's aligned with the bottom line of the text)

Double-check that this is as intended, then we're good to go.

[jiromaykin]

@pi-sigma Let's look at this together again, because

1. I don't see a bold/normal difference with the design?
2. in Figma there is actually no design for a situation where the text exceeds 1 line, and I would say it is important to keep the arrow on the same height or else it would be floating at a different heights. But if we keep the arrow floating at the bottom it looks more peaceful to the eye.:

[jiromaykin]

@pi-sigma I checked again to see if it looks weird, but it doesn't. For the larger cards, like Vragen we also have the arrows 'sticking' to the bottoms of the cards, not the center.
And: The only situation where the 'bold' text would be floating 'above' the arrow, is when it is part of a grid where the card next to it is higher.
It's better to let the card border grow in order to give some peace to the eye in those cases, so it could look like this in a grid where cards that are next to each other will be given the same height: