feat(android.TripDetails): Trip stop list UI

[KaylaBrady]

Summary

Ticket: 🤖 | stop + trip details | Trip details UI

What is this PR for?
This PR finishes off the UI for the trip stop list, including

• Route line diagram
• Shimmer loading UI
• p0 QA items identified in iOS QA

Not included:

• Animation when expanding / collapsing the "X stops away" disclosure. I struggled getting this to work. Will try a little bit more, and otherwise will break out a separate ticket for it.

iOS

• If you added any user-facing strings on iOS, are they included in Localizable.xcstrings?
  • Add temporary machine translations, marked "Needs Review"

android

• All user-facing strings added to strings resource in alphabetical order
• Expensive calculations are run in withContext(Dispatchers.Default) where possible

Testing

What testing have you done?

• Ran locally & verified UI looks as expected.
  

[BrandonTR]

One minor comment, otherwise lgtm!

[BrandonTR]

The font looks a bit large here, I think we need to specify the fontSize as 17.sp

[EmmaSimon]

I made some changes to the defined font styles in my vehicle card UI changes, I can also include this as part of that.

[KaylaBrady]

This made me realize that the UpcomingTripView font size is also too large, which will take a little more to resolve but I can include in this. bodyLarge is defined in the Material defaults as 16.sp, but I overlooked that we're overriding those sizes in MyApplicationTheme

[EmmaSimon]

I added the remaining text roles to our overrides, swapped titleLarge (previously 20.sp) to titleSmall, and added comments correlating them to the roles we use in Figma/iOS:

Typography(
    bodyLarge = textStyle(fontSize = 24.sp),
    bodyMedium = textStyle(fontSize = 17.sp), // Body
    bodySmall = textStyle(fontSize = 16.sp),
    headlineLarge = textStyle(fontSize = 17.sp, fontWeight = FontWeight.Bold), // Headline
    headlineMedium = textStyle(fontSize = 16.sp), // Callout
    headlineSmall = textStyle(fontSize = 15.sp), // Subheadline
    titleLarge = textStyle(fontSize = 32.sp, fontWeight = FontWeight.Bold), // Title 1
    titleMedium = textStyle(fontSize = 24.sp, fontWeight = FontWeight.Bold), // Title 2
    titleSmall = textStyle(fontSize = 20.sp, fontWeight = FontWeight.SemiBold), // Title 3
    labelLarge = textStyle(fontSize = 13.sp, fontWeight = FontWeight.Normal), // Footnote
    labelMedium = textStyle(fontSize = 12.sp, fontWeight = FontWeight.Normal), // Caption 1
    labelSmall = textStyle(fontSize = 11.sp, fontWeight = FontWeight.Normal), // Caption 2
)

Even though we use bodySmall quite a bit, it doesn't really have a corresponding role in the designs, unless we want to double up on callout.

[KaylaBrady]

Amazing, thanks @EmmaSimon!

[BrandonTR]

nice!