UI: Improve route summary layout in LegView

[ksharma-xyz]

TL;DR

Improved route summary layout in trip planner to better handle long text and different font scales.

What changed?

• Extracted route summary section into a separate composable function RouteSummary
• Implemented proper text wrapping for route descriptions
• Added end alignment for duration text
• Improved spacing and alignment between route text and duration
• Added new preview for testing different font scales

How to test?

1. Navigate to the trip planner
2. Verify route descriptions wrap properly when text is long
3. Check that duration stays right-aligned
4. Test with different font scales (particularly 2x) to ensure layout remains consistent
5. Verify clock icon and duration text remain properly aligned

Why make this change?

The previous implementation had issues with text overflow and inconsistent alignment when dealing with long route descriptions or larger font sizes. This change improves accessibility and readability by properly handling text wrapping and maintaining consistent alignment regardless of content length or font scale.

Screenshots

[ksharma-xyz]

• UI: Improve route summary layout in LegView #296 👈
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @ksharma-xyz and the rest of your teammates on Graphite