Merge branch '126-what-am-i-supposed-to-do-with-circles' into 'staging'

Resolve "What am I supposed to do with Circles ?"

See merge request startinblox/applications/sib-app!66

src/menu-left.pug

@@ -1,6 +1,11 @@
 sib-widget(name='hd-counter')
   template
     sib-badge(data-src="${src}")
+
+sib-widget(name='hd-create')
+  template
+    p.create You are not part of any ${value} yet. To create a new one, you can go to the administration panel (coming soon).
+
 nav#main__menu
   sib-router#navbar-router(default-route='members')
     //- sib-route.menu(name='members')
@@ -24,12 +29,13 @@ nav#main__menu
     //-     sib-display(
     //-       data-src=`${endpoints.projects}`
     //-       fields='project(customer.name, dash, name), badge'
+    //-       empty-widget='hd-create'
+    //-       empty-value='project'
     //-       value-dash=' - '
     //-       widget-badge='hd-counter'
     //-       action-badge='badge'
-    //-       next='project'
     //-     )
-    //- div.divider
+    div.divider
     div.menu-wrapper
       div.menu
         div.menu-chevron
@@ -41,6 +47,8 @@ nav#main__menu
         sib-display(
           data-src=`${endpoints.circles}`
           fields='name, badge'
+          empty-widget='hd-create'
+          empty-value='circle'
           widget-name='sib-display-div',
           widget-badge='hd-counter'
           action-badge='badge'

src/styles/base/menu-left.scss

@@ -92,6 +92,11 @@
     .sub-menu {
       
       sib-display>div {
+
+        .create {
+          color: $color-244-10-70;
+          margin: 1rem 1rem 2.2rem 3.2rem;
+        }
       
         &>sib-display {