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

src/app/domains/pos/layouts/layout.component.html

@@ -7,17 +7,42 @@
         <div class="w-10 h-10">
           <img [src]="placeholderLogo" alt="Logo" class="w-full h-full object-cover rounded-md bg-surface-card" />
         </div>
-        <span class="text-lg font-bold">{{ posInfo()?.name }} - فروشگاه {{ posInfo()?.complex?.name }}</span>
+        @if (posInfo()) {
+          <span class="text-lg font-bold">{{ posInfo()?.name }} - فروشگاه {{ posInfo()?.complex?.name }}</span>
+        }
       </div>
       <div class="flex gap-2 items-center">
-        <div class="bg-surface-card py-1 px-3 rounded-md shadow-sm">
+        <div class="bg-surface-card px-3 rounded-md shadow-sm h-9 flex items-center">
           <span [jalaliDate]="now" jalaliFormat="dddd YYYY/MM/DD" class="text-base"></span>
         </div>
-        <div class="bg-surface-card py-1 px-3 rounded-md shadow-sm">
-          <span class="text-base"> {{ userInfo()?.username }} </span>
+        <div class="">
+          <p-menu #menu [model]="profileMenuItems" [popup]="true" />
+          <button pButton (click)="menu.toggle($event)" icon="pi pi-user" severity="contrast">
+            {{ userInfo()?.username }}
+          </button>
         </div>
       </div>
     </div>
-    <router-outlet></router-outlet>
+    @if (error()) {
+      @switch (error()?.status) {
+        @case (412) {
+          <pos-choose-cards class="h-full" (onChoose)="onChoosePos()" />
+        }
+        @default {
+          <div class="h-full w-full flex items-center justify-center">
+            <p-card class="border border-surface-border">
+              <div class="flex flex-col gap-2 items-center justify-between shrink-0">
+                <i class="pi pi-exclamation-triangle text-6xl! mb-3 text-error" aria-hidden="true"></i>
+                <span class="text-xl font-semibold mb-2 text-error block"> عدم دسترسی </span>
+                <p class="inline-block text-base">متاسفانه امکان دسترسی برای کاربر شما فراهم نیست</p>
+                <button pButton outlined severity="danger" class="mt-5 w-32" (click)="logout()">خروج</button>
+              </div>
+            </p-card>
+          </div>
+        }
+      }
+    } @else {
+      <router-outlet></router-outlet>
+    }
   </div>
 }