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/simpleStockTextAlert/simple-stock-text-alert.component.html

@@ -0,0 +1,7 @@
+<span [class]="'text-xl font-bold ' + (stock! <= minimumStockAlertLevel! || !stock ? 'text-error' : 'text-primary')">
+  {{ stock || 0 }}
+
+  @if (stock! <= minimumStockAlertLevel! || !stock) {
+    <i class="pi pi-exclamation-triangle ml-2" pTooltip="موجودی کمتر از حداقل سطح هشدار است"></i>
+  }
+</span>

src/app/shared/components/simpleStockTextAlert/simple-stock-text-alert.component.ts

@@ -0,0 +1,13 @@
+import { Component, Input } from '@angular/core';
+import { Tooltip } from 'primeng/tooltip';
+
+@Component({
+  selector: 'app-shared-simple-stock-text-alert',
+  templateUrl: './simple-stock-text-alert.component.html',
+  imports: [Tooltip],
+})
+export class SimpleStockTextAlertComponent {
+  @Input() stock: number = 0;
+  @Input() minimumStockAlertLevel: number = 0;
+  constructor() {}
+}