deps: update web client build deps (#3095)

* deps: change web build-dep from node-sass to sass

https://sass-lang.com/blog/libsass-is-deprecated and dart sass is the
recommended replacement.

* deps: yarn upgrade-interactive

* deps: update babel dep to 7.17

* deps: update eslint

* deps: update prettier

* deps: update svgo

* deps: update webpack to 5.72.1

* deps: update webpack-bundle-analyzer to 4.5.0

* deps: update webpack-cli to 4.9.2

* deps: update webpack-dev-server from 3.11.3 to 4.9.0

* deps: replace svgo, svgo-loader, url-loader with webpack asset/inline

* chore: rename "style" dir as "assets"

* deps: update stylelint from 13.13.1 to 14.8.2

* deps: bump terser-webpack-plugin from 5.1.4 to 5.3.1

* deps: bump css-loader from 5.2.7 to 6.7.1

* deps: bump css-minimizer-webpack-plugin from 3.0.2 to 3.4.1

* deps: bump mini-css-extract-plugin from 1.6.2 to 2.6.0

web/webpack.config.js

@@ -27,18 +27,12 @@ const config = {
         test: /\.css$/i,
         use: [ 'style-loader', 'css-loader' ],
       },
+
       {
-        test: /\.(png|jpe?g|)$/i,
-        use: [
-          'url-loader',
-        ],
-      },
-      {
-        test: /\.svg$/i,
-        use: [
-          'url-loader',
-          'svgo-loader'
-        ],
+        exclude: /(node_modules)/,
+        include: /(assets)\/(img)/,
+        test: /\.(jpe?g|png|gif|svg|webp)$/,
+        type: 'asset/inline',
       },
     ],
   },
@@ -70,7 +64,6 @@ const config = {
 if (mode === 'development') {
   config.devServer = {
     compress: true,
-    contentBase: path.join(__dirname, 'public_html'),
     historyApiFallback: {
       rewrites: [
         { from: '/transmission/web', to: '/' },
@@ -80,7 +73,8 @@ if (mode === 'development') {
     port: devPort,
     proxy: {
       '/rpc': rpcUrl
-    }
+    },
+    static: './public_html'
   };
 }