Different Language translation settings

How to add a new language?

Let's add spanish language in the existing language.

1. Create a new file src/Common/locales/sp.json
2. update the below code in the src/Common/i18n.tsx file

   import translationGr from './locales/sp.json';
                   const resources = {
                     sp: {
                       translation: translationSp
                     }
                   }; 

3. To change default language to spanish? update below code in the src/Common/i18n.tsx file

   i18n
                   .use(detector)
                   .use(reactI18nextModule) // passes i18n down to react-i18next
                   .init({
                     resources,
                     lng: "sp",
                     fallbackLng: "sp", // use en if detected lng is not available
                     
                     keySeparator: false, // we do not use keys in form messages.welcome
                     
                     interpolation: {
                         escapeValue: false // react already safes from xss
                     },
                   });