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.html

@@ -1,6 +1,20 @@
 <uikit-field [label]="label" [name]="name" [control]="control" [showLabel]="!!label" [showErrors]="showErrors">
+  @if (labelSuffix) {
+    <ng-template #labelView>
+      <div class="flex gap-1 items-center">
+        <uikit-label [name]="name">
+          @if (labelTextView) {
+            <ng-container [ngTemplateOutlet]="labelTextView"></ng-container>
+          } @else {
+            {{ label }}
+          }
+        </uikit-label>
+        <ng-container [ngTemplateOutlet]="labelSuffix"></ng-container>
+      </div>
+    </ng-template>
+  }
   @if (type === "switch") {
-    <p-toggleSwitch [formControl]="control" />
+    <p-toggleSwitch [attr.disabled]="disabled" [formControl]="control" />
   } @else {
     <p-inputgroup>
       <!-- [minlength]="minlength || null" -->
@@ -13,6 +27,7 @@
           [attr.placeholder]="preparedPlaceholder"
           [attr.type]="htmlType"
           [attr.autocomplete]="autocomplete"
+          [attr.disabled]="disabled"
           [class]="` w-full ${size === 'large' ? 'p-inputtext-lg' : size === 'small' ? 'p-inputtext-sm' : ''}`"
           [required]="isRequired"
           [invalid]="control.invalid && (control.touched || control.dirty)"
@@ -30,6 +45,7 @@
           [attr.inputmode]="inputMode"
           [attr.maxlength]="preparedMaxLength || null"
           [attr.type]="htmlType"
+          [attr.disabled]="disabled"
           [attr.autocomplete]="autocomplete"
           [classList]="
             [