feat: enhance product and purchase components

- Added new components for handling purchase receipts and payment wrappers.
- Updated product details view to include sales count and stock alerts.
- Refactored invoice payment form to use a template for better structure.
- Introduced confirmation dialog service for payment confirmations.
- Improved state card component for better visual representation of orders.
- Added loading indicators and error handling in various components.
- Updated routes to include new purchase functionality for suppliers.
- Enhanced stock alert component to visually indicate low stock levels.

src/app/shared/components/purchaseReceiptPayment/wrapper.component.html

@@ -0,0 +1,9 @@
+@if (showPaymentForm()) {
+  <app-supplier-invoice-pay-form
+    [(visible)]="showPaymentForm"
+    [debtAmount]="purchaseReceipt.totalAmount"
+    [supplierId]="purchaseReceipt.supplierId.toString()"
+    [inventoryId]="purchaseReceipt.inventoryId.toString()"
+    [invoiceId]="purchaseReceipt.id.toString()"
+  />
+}