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

src/app/layout/default/app.layout.component.html

@@ -3,14 +3,14 @@
     <ng-container [ngTemplateOutlet]="topBarMoreAction"></ng-container>
   </app-topbar>
   @if (fullLoading) {
-    <div class="flex justify-center align-items-center h-svh items-center">
+    <div class="flex justify-center align-items-center grow items-center">
       <p-progressSpinner></p-progressSpinner>
     </div>
   } @else {
     @if (showMenu()) {
       <app-sidebar></app-sidebar>
     }
-    <div [class]="`layout-main-container ${!showMenu() ? 'hideMenu' : ''}`">
+    <div [class]="`layout-main-container ${!showMenu() ? 'hideMenu' : ''} grow`">
       <div class="layout-main flex flex-col gap-4">
         @if (showBreadcrumb) {
           <app-breadcrumb class="rounded-md overflow-hidden shrink-0" />

src/app/layout/default/app.topbar.component.html

@@ -1,4 +1,4 @@
-<div class="layout-topbar">
+<div class="layout-topbar shrink-0">
   <div class="layout-topbar-logo-container">
     @if (showMenu) {
       <button class="layout-menu-button layout-topbar-action" (click)="layoutService.onMenuToggle()">