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.component.ts

@@ -1,16 +1,18 @@
 import { Component } from '@angular/core';
 import { RouterModule } from '@angular/router';
+import { ConfirmDialog } from 'primeng/confirmdialog';
 import { ToastModule } from 'primeng/toast';
 
 @Component({
-    selector: 'app-root',
-    standalone: true,
-    imports: [RouterModule, ToastModule],
-    template: `
-        <div>
-            <p-toast position="bottom-right" />
-            <router-outlet />
-        </div>
-    `,
+  selector: 'app-root',
+  standalone: true,
+  imports: [RouterModule, ToastModule, ConfirmDialog],
+  template: `
+    <div>
+      <p-toast position="bottom-right" />
+      <p-confirmDialog />
+      <router-outlet />
+    </div>
+  `,
 })
 export class AppComponent {}