ui update, init to consumer statistics and manage pos user types

src/assets/layout/_core.scss

@@ -15,6 +15,8 @@ a {
 
 .layout-wrapper {
   min-height: 100vh;
+  display: flex;
+  flex-direction: column;
 }
 
 html {

src/assets/layout/_main.scss

@@ -4,7 +4,7 @@
   // height: 100vh;
   // overflow: hidden;
   justify-content: space-between;
-  padding: 6rem 1rem 2rem 2rem;
+  padding: 2rem 1rem 2rem 2rem;
   transition: margin-inline-start var(--layout-section-transition-duration);
   &.hideMenu {
     margin: 0 !important;

src/assets/layout/_topbar.scss

@@ -1,7 +1,6 @@
 @use "mixins" as *;
 
 .layout-topbar {
-  position: fixed;
   height: 4rem;
   z-index: 997;
   right: 0;