UI: Add UsualRideScreen with transport mode selection

[ksharma-xyz]

TL;DR

Added a new "Usual Ride" screen allowing users to select their preferred transport mode with a fun, engaging interface.

What changed?

• Created a new UsualRideScreen component with an interactive transport mode selection interface
• Added sorting capabilities to TransportMode with a new TransportModeSortOrder enum
• Enhanced TransportModeIcon component with customizable icon and font sizes
• Added playful taglines for each transport mode type
• Implemented a styled selection UI with visual feedback and a confirmation button

How to test?

1. Navigate to the Usual Ride screen
2. Verify all transport modes are displayed with their respective icons and taglines
3. Select different transport modes and confirm the selection is visually highlighted
4. Check that the confirmation button updates its border color based on the selected mode
5. Verify the transport mode sorting works in both name and priority order

Why make this change?

To provide users with a personalized experience by allowing them to set their preferred transport mode, making subsequent journey planning more relevant to their usual travel habits. The playful interface and engaging copy help create a more enjoyable user experience.

[ksharma-xyz]

• UI: Add theme color support via CompositionLocal #299
• UI: Add UsualRideScreen with theme persistence #298
• UI: Add navigation handling for transport mode selection #297
• UI: Add UsualRideScreen with transport mode selection #295 👈
• 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