React code splitting (#2603)

* Code split using react lazy
* Split locales
* Move to lodash-es
* Import individual icons

ui/v2.5/src/components/Settings/context.tsx

@@ -1,5 +1,9 @@
 import { ApolloError } from "@apollo/client/errors";
-import { debounce } from "lodash";
+import {
+  faCheckCircle,
+  faTimesCircle,
+} from "@fortawesome/free-solid-svg-icons";
+import debounce from "lodash-es/debounce";
 import React, {
   useState,
   useEffect,
@@ -452,7 +456,7 @@ export const SettingsContext: React.FC = ({ children }) => {
     if (updateSuccess === false) {
       return (
         <div className="loading-indicator failed">
-          <Icon icon="times-circle" className="fa-fw" />
+          <Icon icon={faTimesCircle} className="fa-fw" />
         </div>
       );
     }
@@ -477,7 +481,7 @@ export const SettingsContext: React.FC = ({ children }) => {
     if (updateSuccess) {
       return (
         <div className="loading-indicator success">
-          <Icon icon="check-circle" className="fa-fw" />
+          <Icon icon={faCheckCircle} className="fa-fw" />
         </div>
       );
     }