refactor(errors): normalize user-facing error messages

src/app/subscription/components/stripe-payment-dialog.tsx

@@ -13,6 +13,7 @@ import {
 } from "@stripe/react-stripe-js";
 import { loadStripe } from "@stripe/stripe-js";
 
+import { ExceptionHandler } from "@/core/errors";
 import { ROUTES } from "@/router/routes";
 import { Logger } from "@/utils";
 
@@ -116,8 +117,10 @@ function StripePaymentForm({
       declineCode: event.error.decline_code,
     });
     setErrorMessage(
-      event.error.message ??
+      ExceptionHandler.message(
+        event.error,
         "Payment methods could not be loaded. Please try again later.",
+      ),
     );
   };
 
@@ -130,7 +133,9 @@ function StripePaymentForm({
 
     const { error: submitError } = await elements.submit();
     if (submitError) {
-      setErrorMessage(submitError.message ?? "Please check your payment info.");
+      setErrorMessage(
+        ExceptionHandler.message(submitError, "Please check your payment info."),
+      );
       setIsSubmitting(false);
       return;
     }
@@ -148,7 +153,9 @@ function StripePaymentForm({
     });
 
     if (error) {
-      setErrorMessage(error.message ?? "Payment confirmation failed.");
+      setErrorMessage(
+        ExceptionHandler.message(error, "Payment confirmation failed."),
+      );
       setIsSubmitting(false);
       return;
     }