fix i18n bug

.env.local.example

-REACT_APP_NETWORK_ID="1"
-REACT_APP_NETWORK_URL=""

src/components/CurrencyInputPanel/index.js

@@ -207,7 +207,7 @@ export default function CurrencyInputPanel({
   showUnlock,
   value
 }) {
-  const { t } = useTranslation()
+  const { t } = useTranslation();
 
   const [modalIsOpen, setModalIsOpen] = useState(false)
 

src/i18n.js

@@ -9,12 +9,11 @@ i18next
   .use(initReactI18next)
   .init({
     backend: {
-      loadPath: '/locales/{{lng}}.json'
+      loadPath: '/locales/{{lng}}.json',
     },
     react: {
-      useSuspense: true
-    },
-    lng: 'en',
+      useSuspense: true,
+    },    
     fallbackLng: 'en',
     preload: ['en'],
     keySeparator: false,

src/index.js

@@ -10,6 +10,7 @@ import TokensContextProvider from './contexts/Tokens'
 import BalancesContextProvider from './contexts/Balances'
 import AllowancesContextProvider from './contexts/Allowances'
 
+
 import App from './pages/App'
 import InjectedConnector from './InjectedConnector'
 
@@ -33,7 +34,9 @@ function ContextProviders({ children }) {
       <TransactionContextProvider>
         <TokensContextProvider>
           <BalancesContextProvider>
-            <AllowancesContextProvider>{children}</AllowancesContextProvider>
+            <AllowancesContextProvider>
+              {children}
+            </AllowancesContextProvider>
           </BalancesContextProvider>
         </TokensContextProvider>
       </TransactionContextProvider>
@@ -57,7 +60,7 @@ ReactDOM.render(
       <Web3Provider connectors={connectors} libraryName="ethers.js">
         <ContextProviders>
           <Updaters />
-          <App />
+              <App />
         </ContextProviders>
       </Web3Provider>
     </>

src/pages/App.js

@@ -83,6 +83,7 @@ export default function App() {
                     />
                     <Redirect to="/swap" />
                   </Switch>
+                  
                 </Suspense>
               </BrowserRouter>
             </Web3ReactManager>