tweak: Move alert icon to route pill

[hannahpurcell]

Asana ticket: https://app.asana.com/0/1205385723132845/1208333281632130

Talked with Kathleen async and decided a few things that are not captured in the handoff doc (given that the doc was medium-fi):

1. Make the route pills dynamically sized for the route ladders. (Rationale: if the 32/33 route had an alert, that's very wide. If we made all the pills that wide, it would look funny. So instead, give all pills 1.5rem padding.)
2. Minimum margin around the routePill: .5rem.
3. Alert + route number can be centered in the pill.

[firestack]

Hmm, I don't agree with moving the alert icon into the route pill component, can you instead make the route pill component take either a routeName OR children?

I'm imagining something like this

<RoutePill routeName={...} />

<RoutePill>
    {hasAlert && (
      <Tippy
        content="Active detour"
        trigger="click"
        onShow={() => tagManagerEvent("alert_tooltip_clicked")}
      >
        <div className="c-route-ladder__alert-icon" aria-label="Route Alert">
          <ExclamationTriangleFill />
        </div>
      </Tippy>
    )}
	<RoutePill.RouteName routeName={...} />
</RoutePill>

OR name the component which takes the children <RoutePill.Container/> and then make <RoutePill/> internally use <RoutePill.Container><RoutePill.RouteName/><RoutePill.Container/>

<RoutePill.Container>
    {hasAlert && (
      <Tippy
        content="Active detour"
        trigger="click"
        onShow={() => tagManagerEvent("alert_tooltip_clicked")}
      >
        <div className="c-route-ladder__alert-icon" aria-label="Route Alert">
          <ExclamationTriangleFill />
        </div>
      </Tippy>
    )}
	<RoutePill.RouteName routeName={...} />
</RoutePill>

[hannahpurcell]

Hmm, I don't agree with moving the alert icon into the route pill component, can you instead make the route pill component take either a routeName OR children?

Ahhh totally. I did it simply, without using .Container or .RouteName

[firestack]

one question but otherwise lgtm