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

@@ -20,7 +20,7 @@ import {
   withInMemoryScrolling,
 } from '@angular/router';
 // Use the consolidated preset that includes our custom variables
-import { MessageService } from 'primeng/api';
+import { ConfirmationService, MessageService } from 'primeng/api';
 import { providePrimeNG } from 'primeng/config';
 import { appRoutes } from './app.routes';
 import MyPreset from './presets';
@@ -66,6 +66,7 @@ export const appConfig: ApplicationConfig = {
     },
 
     MessageService,
+    ConfirmationService,
 
     provideHttpClient(
       withFetch(),