Updated the JS dependencies to the latest

1) Migrate from webpack 4 to webpack 5. This had a lot of breaking changes,
   so updated multiple webpack plugins and changed the config accordingly.
2) Replaced iconfont-webpack-plugin with a more maintained webfonts-loader.
3) Replaced deprecated babel-eslint with @babel/eslint-parser.
4) Replaced optimize-css-assets-webpack-plugin with a more maintained css-minimizer-webpack-plugin.
5) Updated all other JS packages and made the required code changes.

Fixes #6207

web/.eslintrc.js

@@ -18,16 +18,23 @@ module.exports = {
     'eslint:recommended',
     'plugin:react/recommended',
   ],
-  'parser': 'babel-eslint',
+  'parser': '@babel/eslint-parser',
   'parserOptions': {
+    'requireConfigFile': false,
     'ecmaVersion': 2018,
     'ecmaFeatures': {
-      'jsx': true
+      'jsx': true,
     },
     'sourceType': 'module',
+    'babelOptions': {
+      'plugins': [
+        '@babel/plugin-syntax-jsx',
+      ],
+    },
   },
   'plugins': [
-    'react'
+    'react',
+    '@babel',
   ],
   'globals': {
     '_': true,
@@ -36,28 +43,31 @@ module.exports = {
   'rules': {
     'indent': [
       'error',
-      2
+      2,
     ],
     'linebreak-style': 0,
     'quotes': [
       'error',
-      'single'
+      'single',
     ],
     'semi': [
       'error',
-      'always'
+      'always',
     ],
     'comma-dangle': [
       'error',
-      'always-multiline'
+      'only-multiline',
     ],
-    'no-console': ["error", { allow: ["warn", "error"] }],
+    'no-console': ['error', { allow: ['warn', 'error'] }],
     // We need to exclude below for RegEx case
-    "no-useless-escape": 0,
+    'no-useless-escape': 0,
+    'no-prototype-builtins': 0,
+    'no-global-assign': 0,
+    'no-import-assign': 0,
   },
   'settings': {
     'react': {
       'version': 'detect',
     },
-  }
+  },
 };