Timetable entry text overflows if too many events / lessons are at the same time

[Jonas-Sander]

Describe the bug

If too many events / lessons are at the same time (next to each other in the UI) the text inside can overflow outside of the boundaries of the event / lesson.

Steps to Reproduce

1. Go to timetable / calendar page
2. Add several (>= 3) lessons / events with a room specifier for the same time so that they are positioned next to each other.

(Note: The room specifier is not strictly needed the bug can also happen without one. It's more likely to happen if a room is specified though.)

Current broken behavior

The text overflows outside the boundary of the lesson / event container.

Expected behavior

The text should not overflow. It should be shortend ("...") at the right place.

Screenshots, videos or logs

(Some of the screenshots, videos are taken from the old GitLab issue. They should be valid though.)

https://user-images.githubusercontent.com/29028262/152434820-fae89461-0da5-4519-a22b-5841655de708.mov

Tested device

• Device: Pixel 4a / PC
• OS: Android 12 / Windows 10
• App version: 1.6.1 (315) / 1.6.2 (316)

Additional context

Original issue: https://gitlab.com/codingbrain/sharezone/sharezone-app/-/issues/1354