Add draft info on unpublished budgets

Before commit 28caabecd, it was clear which budgets were in draft mode
because their phase was "drafting".

Now the phase isn't "drafting" anymore, so we have to make it clear
somehow that the budget is a draft.

I'm using styles similar to the ones we added in commit 2f636eaf7 for
completed budgets but at the same time making them slightly different so
it's easy to differenciate completed and drafting budgets.

app/assets/stylesheets/admin/budgets/index.scss

@@ -1,7 +1,7 @@
 .admin .budgets-table {
 
-  .budget-completed {
-    @include has-fa-icon(lock, solid);
+  .budget-completed,
+  .budget-draft {
     padding-left: calc(1em + #{rem-calc(10)});
     position: relative;
 
@@ -18,10 +18,25 @@
       font-size: $tiny-font-size;
       font-weight: bold;
       line-height: rem-calc(12);
+    }
+  }
+
+  .budget-completed {
+    @include has-fa-icon(lock, solid);
+
+    span {
       text-transform: uppercase;
     }
   }
 
+  .budget-draft {
+    @include has-fa-icon(pencil-alt, solid);
+
+    span {
+      font-style: italic;
+    }
+  }
+
   td time:last-of-type::after,
   td small::before {
     content: "";