Make long names of chat groups readable

Closes #1039 (closed)

What does this MR do?

It allows chat names to take up up to two lines. Also the way the sending time of a message is displayed is shortened to hh:mm if the message was sent the same day or "yesterday" (or "gestern", ...) if that is the case. This shortens the time stamp a lot and leaves more room for the chat name. Finally I dropped the constraint, that all elements in the chat dropdown must have same height, since that is neither visually pleasing (imo) nor practial with the new possible two-line headlines.

How confident are you it won't break things if deployed?

Quite confident.

How to test

Have a look at the chat dropdown. You might want to create a long chat name and have a look at messages with different time stamps (you can change your pc time for testing)

Screenshots (if applicable)

Vorher:

Nacher:

Checklist

• added a test, or explain why one is not needed/possible...
• no unrelated changes
• asked someone for a code review
• set a "for:" label to indicate who will be affected by this change
• used "state:" labels to track this MR's state until it was beta tested
• added to the next milestone (see https://gitlab.com/foodsharing-dev/foodsharing/-/milestones, unless it has a "for:Dev" label)
• added an entry to CHANGELOG.md
• added a short text that can be used in the release notes
• Once your MR has been merged, you are responsible to create a testing issue in the Beta Testing forum: https://foodsharing.de/?page=bezirk&bid=734&sub=forum. Please change the MRs label to "state:Beta testing".
  • Consider writing a detailed description in German.
  • Describe in a few sentences, what should be tested from a user perspective.
  • Also mention different settings (e.g. different browsers, roles, ...) how this change can be tested.
  • Be aware, that also non technical people should understand.

Release notes text in German

Lange Namen von Chats sind jetzt besser lesbar.