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/inlineEdit/inline-edit.component.html

@@ -0,0 +1,22 @@
+<div class="flex items-stretch gap-2">
+  <div class="shrink-0 flex items-center">
+    @if (editMode()) {
+      <ng-container [ngTemplateOutlet]="field"></ng-container>
+    } @else {
+      <ng-container [ngTemplateOutlet]="data"></ng-container>
+    }
+  </div>
+  <div class="relative shrink-0">
+    <div class="static end-0 top-0">
+      <button
+        pButton
+        size="small"
+        type="button"
+        [icon]="'pi ' + (editMode() ? 'pi-times' : 'pi-pencil')"
+        text
+        severity="secondary"
+        (click)="toggleEditMode()"
+      ></button>
+    </div>
+  </div>
+</div>