fix(console): sidenav ordering and naming, split eventstore to its own view, documentation link in header (#1021)

* reorg, headers

* reorg sidenav, seperate eventstore comp, i18n

* lint

* lighter project count design

* black default

* small changes

* titles

* naming

console/src/app/app.component.scss

@@ -34,6 +34,10 @@
     flex: 1;
   }
 
+  .doc-link {
+    margin-right: 1rem;
+  }
+
   .icon-container {
     display: flex;
     justify-content: space-between;
@@ -105,10 +109,8 @@
           cursor: pointer;
           padding: 0 1rem;
           margin-right: .5rem;
-
-          &.indented {
-            padding-left: 2rem;
-          }
+          border-top-right-radius: 1.5rem;
+          border-bottom-right-radius: 1.5rem;
 
           .icon {
             margin: .5rem 1rem;
@@ -219,6 +221,7 @@
     height: 1px;
     margin: .5rem 0;
     flex: 1;
+    min-width: 10px;
   }
 
   .hiddenline {