Card layout polishing

[juliushaertl]

• fix: Fix spacing and reserved scrollbar space
• fix: Align card details better to take less space and align all possible badges more equally
  • Do not take extra space for the menu button
  • Give the title as much available space in width as possible

@nextcloud/designers Would appreciate some feedback. One thing I'm unsure is that the labels and the due date badge have a similar design, but the rounded corners seem for fitting than the previous style.

Fixes #1672
Fixes #4299

Before	After

[nimishavijay]

Super nice! Looks so much better :)
Only 3 small details:

• increase the horizontal padding of the labels by a couple of pixels, similar to the due date indicator
• the number of sub tasks indicator (☑️ 1/3) seems to be slightly lower than it should be, it should be center aligned with the avatars
• we could also think about reducing the bottom padding of the card itself by a couple of pixels. The new screenshots definitely look better than the old one, but it could be reduced by 2-3 pixels. For example, the card with only badges seems to have some extra space at the bottom.

But those are small comments, overall it looks great! :)

[juliushaertl]

Thanks for the feedback. All addressed and also slightly updated the due date indicator to be a bit more different from the labels. Screenshot is updated.