Avoid favicons-webpack-plugin in Navigator (#8159)

We really don’t need 5 different favicons here so just inline the same
one we use in create-daml-app and on our docs (32x32). This allows us
to get rid of tons of dependencies including a native dep on sharp.

changelog_begin
changelog_end

navigator/frontend/package.json

@@ -39,7 +39,6 @@
     "case-sensitive-paths-webpack-plugin": "^2.3.0",
     "classnames": "^2.2.5",
     "css-loader": "^5.0.1",
-    "favicons-webpack-plugin": "^4.2.0",
     "file-loader": "^6.2.0",
     "html-webpack-plugin": "^4.5.0",
     "json-loader": "^0.5.7",

navigator/frontend/webpack.config.js

@@ -5,7 +5,6 @@ const fs = require('fs');
 const path = require('path');
 const webpack = require("webpack");
 const HtmlWebpackPlugin = require('html-webpack-plugin');
-const FaviconsWebpackPlugin = require('favicons-webpack-plugin');
 const TsConfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
 const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
 
@@ -74,28 +73,10 @@ module.exports = (env) => {
   var plugins = [
     new HtmlWebpackPlugin({
       title: APP_NAME,
-      template: 'src/index.html'
-    }),
-    new FaviconsWebpackPlugin({
-      logo: './src/images/favicon.png',
-      prefix: 'icons-[hash]/',
-      inject: true, // into HtmlWebpackPlugin
-      background: '#fff',
-      title: APP_NAME,
-      icons: {
-        android: false,
-        appleIcon: true,
-        appleStartup: true,
-        coast: false,
-        favicons: true,
-        firefox: true,
-        opengraph: false,
-        twitter: false,
-        yandex: false,
-        windows: false
-      }
-    }),
-  ]
+      template: 'src/index.html',
+      favicon: './src/images/favicon.png',
+    })
+  ];
 
   if (paths_case_check === 'true') {
     plugins.push(new CaseSensitivePathsPlugin())