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/tenants/default/app.routes.ts

@@ -19,13 +19,13 @@ export const appRoutes: Routes = [
       CONSUMER_ROUTES,
       PROVIDER_ROUTES,
       PARTNER_ROUTES,
+      POS_ROUTES,
       { path: 'ng', component: Dashboard },
       { path: 'uikit', loadChildren: () => import('@/pages/uikit/uikit.routes') },
       { path: 'documentation', component: Documentation },
       { path: 'pages', loadChildren: () => import('@/pages/pages.routes') },
     ],
   },
-  POS_ROUTES,
   {
     path: 'auth',
     component: AuthComponent,