Add borders to Journey Card based on the Tansport Mode

[ksharma-xyz]

TL;DR

Enhanced JourneyCard component with dynamic transport mode visualization and improved UI elements.

What changed?

• Added a gradient border to the JourneyCard based on the transport modes used in the journey.
• Replaced the transportModeIconRow parameter with a transportModeList of type ImmutableList<TransportMode>.
• Dynamically generate transport mode icons based on the provided list.
• Updated the color of the time to departure and platform number to match the first transport mode's color.
• Modified preview functions to use the new transportModeList parameter.

Why make this change?

This change improves the visual representation of multi-modal journeys, making it easier for users to quickly identify the types of transport involved. The dynamic color scheme and gradient border enhance the overall user experience by providing a more intuitive and visually appealing interface. Additionally, the use of an ImmutableList for transport modes allows for more efficient and type-safe data handling.

Screenshots

[ksharma-xyz]

• Add borders to Journey Card based on the Tansport Mode #203 👈
• 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