IO-1034 Global required validation & error generation.

client/src/App/App.container.jsx

@@ -7,17 +7,25 @@ import React from "react";
 import GlobalLoadingBar from "../components/global-loading-bar/global-loading-bar.component";
 import client from "../utils/GraphQLClient";
 import App from "./App";
+import { useTranslation } from "react-i18next";
 moment.locale("en-US");
 
 if (process.env.NODE_ENV === "production") LogRocket.init("gvfvfw/bodyshopapp");
 
 export default function AppContainer() {
+  const { t } = useTranslation();
   return (
     <ApolloProvider client={client}>
       <ConfigProvider
         //componentSize="small"
         input={{ autoComplete: "new-password" }}
         locale={enLocale}
+        form={{
+          validateMessages: {
+            // eslint-disable-next-line no-template-curly-in-string
+            required: t("general.validation.required", { label: "${label}" }),
+          },
+        }}
       >
         <GlobalLoadingBar />
         <App />