feat: streamline routing and layout initialization for POS module

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

@@ -25,7 +25,6 @@
           <!-- [ngStyle]="{ transform: 'scale(1.' + pullDistance() * 10 + ')' }" -->
         </div>
       }
-      {{ isAuth() }}
       @if (isAuth()) {
         @defer (when isAuth()) {
           <router-outlet></router-outlet>

src/app/domains/pos/layouts/pagesLayout/layout.component.ts

@@ -116,6 +116,10 @@ export class PosPagesLayoutComponent implements AfterViewInit {
     this.getData();
   }
 
+  ngOnInit() {
+    this.layoutService.changeIsFullPage(true);
+  }
+
   ngAfterViewInit() {
     this.layoutService.setTopbarStartSlot(this.topbarStart);
     this.layoutService.setTopbarCenterSlot(this.topbarCenter);

src/app/domains/pos/modules/landing/components/order/order-section.component.html

@@ -61,10 +61,6 @@
   </div>
 </div>
 
-@defer (when isVisibleCustomerForm()) {
-  <pos-order-customer-dialog [(visible)]="isVisibleCustomerForm" (onSubmit)="submitCustomer()" />
-}
+<pos-order-customer-dialog [(visible)]="isVisibleCustomerForm" (onSubmit)="submitCustomer()" />
 <!-- <pos-pre-invoice-dialog [(visible)]="isVisiblePreInvoiceForm" /> -->
-@defer (when isVisiblePaymentForm()) {
-  <pos-payment-form-dialog [(visible)]="isVisiblePaymentForm" (onSubmit)="submitPayment($event)" />
-}
+<pos-payment-form-dialog [(visible)]="isVisiblePaymentForm" (onSubmit)="submitPayment($event)" />