fix: timetableGridItem title maxLine3 while keeping the existing layout

[Matuyuhi]

Issue

• close #902

Overview (Required)

• This PR fixes the timelineText component to ensure it is limited to a maximum of three lines while preserving the existing layout.

Links

Screenshot (Optional if screenshot test is present or unrelated to UI)

Before	After

[github-actions[bot]]

Snapshot diff report	File name	Image
TimetableVerticalSca le60PercentPreview_c ompare.png
TimetableVerticalSca le20PercentPreview_c ompare.png
PreviewTimetableGrid ItemMoreLongTitleIte m_compare.png
TimetableVerticalSca le40PercentPreview_c ompare.png

[Matuyuhi]

↑ Fix padding between texts https://github.com/DroidKaigi/conference-app-2024/pull/917/commits/8c6f0e72866536fb7f75e1d16b849e1d69624384

[takahirom]

Looks great! Could we have screenshot tests so we can check the three lines and more of the sessions?

[Matuyuhi]

Thanks! I'll wait for the running test as it is.

[Matuyuhi]

Added preview of long titles!

[takahirom]

I think it might be better for this pattern to be on one line because the space between the title and the speaker icon is a little narrow.

[Matuyuhi]

good idea. I would put the same spacing between the title and the speaker icon as the schedule.

[takahirom]

Thanks!

[Matuyuhi]

Ready to tests!