app/scripts/controllers.js: Attach a page name class to the body tag

Needed the ability to have different CSS styles for certain views.

Instead of hardcoding ID's in view templates, I'm using the ui-router stateNames (app/scripts/app.js) to create a state-specific body class.
Full-width Shop Category Pages

Shop category pages now span the entire page width, so more products are visible on larger screens.

The nested ui-views within the shop pages were creating unnecessary, nested elements:

    <div ui-view>
        <div ui-view>
            <div ui-view>

All children states of shop now attach to ui-view="shop"