feat: implement stock keeping unit management form and list components

- Added StockKeepingUnitFormComponent for creating and editing stock keeping units.
- Introduced StockKeepingUnitsComponent for listing stock keeping units with pagination.
- Integrated form fields for code, name, VAT, and SKU type in the stock keeping unit form.
- Created API routes for stock keeping units with CRUD operations.
- Updated input components to handle numeric and price types with Persian/Arabic digit normalization.
- Enhanced key-value component to support tag display instead of badge.
- Adjusted layout styles for sidebar menu.
- Added AGENT.md for repository-specific coding guidelines and practices.
- Implemented good management form with file upload and category selection.

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

@@ -1,5 +1,7 @@
 <ng-template #topbarStart>
   <p-button (click)="toggleMenu()" icon="pi pi-bars" outlined size="large" />
+  <p-button (click)="refresh()" icon="pi pi-bars" outlined size="large" />
+  <p-button (click)="doPay()" icon="pi pi-bars" outlined size="large" />
 </ng-template>
 
 <ng-template #topbarCenter>
@@ -20,7 +22,7 @@
 <ng-template #topbarEnd>
   <div class="">
     <p-menu #menu [model]="profileMenuItems" [popup]="true" />
-    <p-button (click)="menu.toggle($event)" icon="pi pi-user" text severity="contrast" size="large" />
+    <p-button (click)="menu.toggle($event)" icon="pi pi-user" text outlined size="large" />
   </div>
 </ng-template>
 

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

@@ -1,4 +1,6 @@
 import { AuthService } from '@/core';
+import { NativeBridgeService } from '@/core/services';
+import { ToastService } from '@/core/services/toast.service';
 import { LayoutService } from '@/layout/service/layout.service';
 import { PageLoadingComponent } from '@/shared/components/page-loading.component';
 import {
@@ -36,6 +38,10 @@ import { PosMainMenuSidebarComponent } from './mainMenuSidebar/main-menu-sidebar
 })
 export class PosLayoutComponent implements AfterViewInit {
   constructor() {}
+
+  private readonly nativeBridgeService = inject(NativeBridgeService);
+  private readonly toastService = inject(ToastService);
+
   @ViewChild('topbarStart', { static: true }) topbarStart!: TemplateRef<any>;
   @ViewChild('topbarCenter', { static: true }) topbarCenter!: TemplateRef<any>;
   @ViewChild('topbarEnd', { static: true }) topbarEnd!: TemplateRef<any>;
@@ -95,6 +101,13 @@ export class PosLayoutComponent implements AfterViewInit {
     this.getData();
   }
 
+  doPay() {
+    this.nativeBridgeService.pay({
+      amount: 1000,
+      id: '1',
+    });
+  }
+
   ngOnInit() {
     this.layoutService.changeIsFullPage(true);
     this.getData();
@@ -107,8 +120,13 @@ export class PosLayoutComponent implements AfterViewInit {
   }
 
   ngOnDestroy() {
+    this.layoutService.changeIsFullPage(false);
     this.layoutService.setTopbarStartSlot(null);
     this.layoutService.setTopbarCenterSlot(null);
     this.layoutService.setTopbarEndSlot(null);
   }
+
+  refresh() {
+    window.location.reload();
+  }
 }