Sort sponsored channels to fourth column.

Currently, any sponsored channels running will get prepended to the list of default channels, causing the sponsored channel to open by default for visitors (which is not what we want!).  This PR instead intersperses any running sponsored channels into every 4th position on the page, so that they'll appear in the right column.

**No sponsored channels**
![screen shot 2014-10-25 at 1 10 32 am](https://cloud.githubusercontent.com/assets/2260961/4787352/b73e582e-5da9-11e4-801d-1a4e2345e9f1.png)

**One sponsored channel**
![screen shot 2014-10-25 at 1 10 52 am](https://cloud.githubusercontent.com/assets/2260961/4787356/be150c9c-5da9-11e4-9407-9e9f2d4f5f4c.png)

**Two sponsored channels\***
![screen shot 2014-10-25 at 1 16 48 am](https://cloud.githubusercontent.com/assets/2260961/4787361/c80825cc-5da9-11e4-92e2-58376b798c3f.png)
_\* currently we only allow a single sponsored channel to run at a time on the backend, but the front end puts no restrictions on it_

- - - - - 
This also prevents sponsored channels from being saved to local storage sorting, so that even if the user moves them, they'll be re-sorted to the right column on page reload.

:eyeglasses: @dwick
Nit: inconsistent tabbing