feat(purchases): implement purchase receipt functionality with form and receipt template

- Added `ProductPurchaseComponent` to handle product purchases.
- Created `PurchaseReceiptTemplateComponent` for displaying purchase receipt details.
- Developed `PurchaseFormComponent` for managing purchase form inputs and submission.
- Introduced `ProductChargeRowFormComponent` and `ProductChargeRowFormFieldsComponent` for handling product charge rows in the form.
- Implemented `PurchaseReceiptProductRowComponent` for displaying individual product rows in the receipt.
- Established API routes for purchase operations in `apiRoutes`.
- Integrated suppliers and inventories selection components.
- Added utility functions for converting prices to Persian alphabet.
- Created a utility for generating full names from name parts.
- Enhanced form validation and submission handling in the purchase form.
- Updated styles and templates for improved UI/UX.

src/app/shared/components/pageDataList/page-data-list.component.ts

@@ -17,14 +17,14 @@ import { SkeletonModule } from 'primeng/skeleton';
 import { TableModule } from 'primeng/table';
 import { TableActionRowComponent } from '../table-action-row.component';
 
-export interface IColumn {
-  field: string;
+export interface IColumn<T = any> {
+  field: T extends object ? keyof T | string : string;
   header: string;
   width?: string;
   minWidth?: string;
   canCopy?: boolean;
   type?: 'text' | 'price' | 'boolean' | 'date';
-  customDataModel?: TemplateRef<any> | ((item: any) => string | number | boolean);
+  customDataModel?: TemplateRef<any> | ((item: T) => string | number | boolean);
 }
 
 @Component({
@@ -120,7 +120,7 @@ export class PageDataListComponent<I> {
       if (column.customDataModel) {
         return this.renderCustom(column, item);
       }
-      const data = item[field];
+      const data = item[String(field)];
       switch (column.type) {
         case 'date':
           if (!data) return '-';