'Popular in Audio' container

Big pull request due to - 

 * dark background colour of a container was intimately tied into the multimedia container - I wanted the background, but without the layout, so created a new class called `container--dark-background` which now handles things like different coloured media icons, etc
 * our icons we're a bit of a mess - we we're adding png sprite styling to things that wouldn't be able to use it - elements *need* a `i` class for it to work, e.g. [this](https://github.com/guardian/frontend/compare/audio-control-update?expand=1#diff-d7a0d7bc52410932d465533daef113e2L112) will have no effect on pseudo-elements
 * split facia stuff into more meaningful files - hence looks like there's a load of changes
```
val classes = List(
      "container",
      s"container--${container.containerType}",
      if (config.isSponsored) "container--sponsored" else "",
      if (config.isAdvertisementFeature && !config.isSponsored) "container--advertisement-feature" else "",
      if (index == 0) "container--first" else "",
      if (index > 0 && hasTitle && !(config.isAdvertisementFeature || config.isSponsored)) "js-container--toggle" else ""
    )
    RenderClasses((classes ++ extraClasses):_*)
```