feat(layout): enhance topbar with customizable templates and full-page support

- Updated app.layout.component.html to include start, center, and end templates for the topbar.
- Modified app.layout.component.ts to manage new template references and added isFullPage getter.
- Refactored app.topbar.component.html to utilize new templates and improved layout structure.
- Enhanced app.topbar.component.ts to accept new input properties for templates.
- Updated layout.service.ts to manage full-page state and new topbar slots.
- Added new payment bridge services for POS functionality.
- Introduced greater validator for form validation.
- Improved dialog component to support mobile drawer and responsive design.
- Updated styles for better mobile support and layout adjustments.
- Added new main menu sidebar for POS with dynamic content.

src/app/shared/components/input/input.component.ts

@@ -1,5 +1,6 @@
 import { Maybe } from '@/core';
 import { ToastService } from '@/core/services/toast.service';
+import { UikitLabelComponent } from '@/uikit';
 import { UikitFieldComponent } from '@/uikit/uikit-field.component';
 import { CommonModule } from '@angular/common';
 import {
@@ -35,6 +36,7 @@ import { ToggleSwitch } from 'primeng/toggleswitch';
     InputNumberModule,
     KeyFilterModule,
     InputMaskModule,
+    UikitLabelComponent,
   ],
   templateUrl: './input.component.html',
 })
@@ -69,6 +71,8 @@ export class InputComponent {
   @Output() blur = new EventEmitter<void>();
 
   @ContentChild('suffixTemp', { static: true }) suffixTemp!: TemplateRef<any> | null;
+  @ContentChild('labelSuffix', { static: false }) labelSuffix!: TemplateRef<any> | null;
+  @ContentChild('labelTextView', { static: false }) labelTextView!: TemplateRef<any> | null;
 
   private readonly toastService = inject(ToastService);
 
@@ -202,14 +206,14 @@ export class InputComponent {
       const minValidator = (this.min || this.min === 0) && parseFloat(value) < this.min!;
       const maxValidator = (this.max || this.max === 0) && parseFloat(value) > this.max;
       if (minValidator || maxValidator) {
-        if (minValidator) {
-          this.toastService.warn({
-            text: `مقدار ${this.label} نمی‌تواند بیشتر از ${this.min} باشد.`,
-          });
-        }
         if (maxValidator) {
           this.toastService.warn({
-            text: `مقدار ${this.label} نمی‌تواند کمتر از ${this.max} باشد.`,
+            text: `مقدار ${this.label} نمی‌تواند بیشتر از ${this.max} باشد.`,
+          });
+        }
+        if (minValidator) {
+          this.toastService.warn({
+            text: `مقدار ${this.label} نمی‌تواند کمتر از ${this.min} باشد.`,
           });
         }
 
@@ -233,8 +237,12 @@ export class InputComponent {
     }
 
     if (replacedTargetValue !== null) {
+      console.log(replacedTargetValue);
+
       // @ts-ignore
-      this.$event.value = replacedTargetValue;
+      $event.value = replacedTargetValue;
+      // @ts-ignore
+      $event.target.value = replacedTargetValue;
     }
   }
 }