loader for left-menu members added

src/menu-left.pug

@@ -120,8 +120,7 @@ solid-router#navbar-router(default-route='dashboard')
         div.menu-icon.icon-envelope-letter
       solid-route(name='messages', rdf-type='foaf:user', use-id='', hidden)
       div.sub-menu.menu-notification
-        #loader.loader I am coming...!
-        div.lds-ellipsis
+        div#loader.loader
           div
           div
           div

src/styles/base/main.scss

@@ -282,19 +282,19 @@ h5 {
 
 
 .loader {
-  display: inline-block;
+  margin: 0 auto;
   position: relative;
   width: 80px;
-  height: 80px;
+  height: 20px;
 }
 
 .loader div {
   position: absolute;
   top: 33px;
-  width: 13px;
-  height: 13px;
+  width: 8px;
+  height: 8px;
   border-radius: 50%;
-  background: #fff;
+  background: var(--color-white);
   animation-timing-function: cubic-bezier(0, 1, 1, 0);
 }