Add duration information and move to the sidebar

[eralpsahin]

Remaining time information and the total duration information should always be visible. Title is not the best place to inject them.

Inspired from the duration div in Overview tab, they can be injected above the Contents/Notebook sidebar on course page.

<div class="col-xs-12 col-md-4 col-xl-3 sidebar-col">
    <section>
        <div class="col-xs-5 col-md-4 col-xl-4 course-info-stat-cont total"></div>
        <div class="col-xs-7 col-md-8 col-xl-8 course-info-stat-cont remaining"></div>
        <div id="sidebar-container"></div>
    </section>
</div>

Seems like the best place to inject the information with appropriate bootstrap grid classes as in the above example.

Some CSS changes needs to be done as well.

It can look like this;