feat: Add Hi-Fi system status widget

[joshlarson]

Examples

---

Asana Ticket: System Status | [Hi-Fi] Component that renders grouped statuses/alerts

[thecristen]

Was playing around with this and found that using the existing DotcomWeb.Components.RouteSymbols.route_icon component here looks great too:

<.route_icon 
  :for={modifier_id <- @modifier_ids} 
  route={%Routes.Route{id: modifier_id}} 
  class="ring-2 ring-white rounded-full"
/>

[joshlarson]

It looked funny to me in Firefox, because Firefox aligns the text in the route pills slightly differently from how it's aligned in the SVG's.

If we get SVG's for the route pills also, then I'm all in favor of using the existing <.route_icon /> components, but I'm a bit leery of having the component be partially SVG and partially text-in-a-box.

[joshlarson]

This comment applies to this as well.

[joshlarson]

Happy to add documentation-y comments for these private functions, but I wanted to punt that until just before merging.

[thecristen]

This is really effective and thanks for all the examples! My comments are mostly minor, and you'll have to fix a linting error anyway. I do hate the name "widget" for anything, IMO system_status or maybe subway_status would work fine.