fix: localize API error messages

frontend/app/javascript/dashboard/helper/APIHelper.js

@@ -1,6 +1,12 @@
 import Auth from '../api/auth';
+import { parseAPIErrorResponse } from '../store/utils/api';
 
-const parseErrorCode = error => Promise.reject(error);
+const parseErrorCode = error => {
+  if (error && typeof error === 'object') {
+    error.message = parseAPIErrorResponse(error);
+  }
+  return Promise.reject(error);
+};
 const AUTH_HEADERS = ['access-token', 'token-type', 'client', 'expiry', 'uid'];
 
 export default axios => {
@@ -28,12 +34,15 @@ export default axios => {
       const request = error.config;
       if (
         error.response?.status !== 401 ||
+        // eslint-disable-next-line no-underscore-dangle
         request?._retry ||
+        // eslint-disable-next-line no-underscore-dangle
         request?._sessionRefresh ||
         !Auth.hasAuthCookie()
       ) {
         return parseErrorCode(error);
       }
+      // eslint-disable-next-line no-underscore-dangle
       request._retry = true;
       refreshRequest ||= wootApi
         .get('/auth/validate_token', { _sessionRefresh: true })