Improve error message details in checkout component

Enhanced error handling by including specific error details from the server response when available. This change aims to provide more informative feedback to users encountering issues during the checkout process.

archigator/src/app/checkout/checkout.component.ts

@@ -217,7 +217,9 @@ export class CheckoutComponent implements OnInit {
         if (error.status === 403 || error.status === 422) {
           console.log(`Error with status ${error.status}:`, error.message);
 
-          this.errorMessage = `Error ${error.status}: ${error.message}`;
+          const errDetail = error.error?.detail || 'An error occurred';
+
+          this.errorMessage = `Error ${error.status}: ${errDetail}`;
 
           this.spinLoader = false;
         }