Add usage to the dashboard

Takes the number of emails and SMS fragments sent from:
https://github.com/alphagov/notifications-api/pull/273

Using these numbers it’s possible to show:
- how much of your allowance is left
- or how much you have spent

For now the allowance and rates are hard coded.

Only for users that have manage service.

app/assets/stylesheets/_grids.scss

@@ -35,6 +35,11 @@
   padding-right: 2px;
 }
 
+.align-with-heading-copy {
+  display: block;
+  margin-top: 45px;
+}
+
 .global-cookie-message {
   p {
     @extend %site-width-container;

app/assets/stylesheets/components/big-number.scss

@@ -11,6 +11,12 @@
 
 }
 
+.big-number-right-aligned {
+  @extend %big-number;
+  @include bold-36($tabular-numbers: true);
+  text-align: right;
+}
+
 .big-number-with-status {
 
   @extend %big-number;

app/assets/stylesheets/main.scss

@@ -54,6 +54,7 @@ $path: '/static/images/';
 @import 'views/job';
 @import 'views/edit-template';
 @import 'views/documenation';
+@import 'views/dashboard';
 
 // TODO: break this up
 @import 'app';

app/assets/stylesheets/views/dashboard.scss

@@ -0,0 +1,20 @@
+.dashboard {
+  table th {
+    @include bold-19;
+  }
+}
+
+.keyline-block {
+
+  border-top: 1px solid $border-colour;
+  padding-top: $gutter-half;
+
+  &-show-more-link {
+    @include core-16;
+    border-top: 1px solid $border-colour;
+    border-bottom: 1px solid $border-colour;
+    padding: 10px 0;
+    text-align: center;
+  }
+
+}