Show due date in second row to not take too much width

What does this MR do and why?

Show due date in second row to not take too much width

Most to-do items are not "due" anyway, and if they are, showing it in its own line even helps readability.

But main reason is to give the todo content more room to breath.

For mobile (< sm) where the timestamps sit on their own row, we keep the current behavior of showing them in one row with a middot.

References

Screenshots or screen recordings

Before	After

How to set up and validate locally

• Enable the personal_homepage feature flag and set "Personal Homepage" as your prefered Homepage in your user preferences.
• Visit / and check for todos that have a due date. If you have none, assign yourself to an issue and give that a due date.
• The two timestamps should now nicely break into two lines on bigger screens (where it shares x-space with other content)
• On mobile, it has its own row, so we keep it in one line.
• Small fix with the ⏱️ icon not being aligned on mobile, too.

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.