Make list of areas on dashboard use full width

When the list of areas is restricted to half the width of the page it
starts to look pretty higgledy-piggledy when you have lots of areas or
areas with very long names.

To do this I’ve ripped out the table markup in favour of headings,
paragraphs and lists. Probably pros and cons for each, but it was really
hard to do the layout with the content in a table.

app/assets/stylesheets/components/area-list.scss

@@ -70,6 +70,10 @@
       font-weight: bold;
     }
 
+    &--smaller {
+      @include bold-16;
+    }
+
   }
 
   .govuk-button {

app/assets/stylesheets/views/dashboard.scss

@@ -94,6 +94,10 @@
     max-width: 580px;
   }
 
+  &-status {
+    text-align: right;
+  }
+
 }
 
 /* The focus state for sibling links overlaps the hint so the hint's text colour needs to adapt */