fix hitting back on nav, use more css over js for active styling (bug 1058996)

The behavior of the nav should remain the same. Except this fixes hitting "back" on desktop (i.e., there was duplicate pushStates, and hitting back didn't update the nav activness). Fixed by:

- remove duplicate navigation triggering
- defining the tab activeness in CSS using body[data-page-type] rather than CSS
Can't think of a way besides using JS to calculate the widths of each tab text.