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/modules/inventories/views/cardex.component.html

@@ -0,0 +1,15 @@
+@if (pageLoading) {
+  <div class="h-svh w-svw flex items-center justify-center">
+    <p-progress-spinner />
+  </div>
+} @else {
+  <p-card>
+    <ng-template #header>
+      <div class="p-4 flex items-center justify-between">
+        <span class="text-xl font-bold">کاردکس انبار {{ inventory()?.name }}</span>
+      </div>
+    </ng-template>
+
+    <cardex-templates-inventory [loading]="getCardexLoading()" [items]="cardex() || []" variant="inventory" />
+  </p-card>
+}