Update logo icons

DEVELOPMENT.md

@@ -35,3 +35,25 @@ node config/preparePublish.js
 npm run build
 npm publish --access public
 ```
+
+
+## Generate PWA assets
+
+```bash
+cd packages/dashboard/pubic/img
+convert logo.png -resize '192x192' android-chrome-192x192.png
+convert logo.png -resize '512x512' android-chrome-512x512.png
+convert logo.png -resize '154x154' -gravity center -background transparent -extent 192x192 android-chrome-maskable-192x192.png
+convert logo.png -resize '410x410' -gravity center -background transparent -extent 512x512 android-chrome-maskable-512x512.png
+convert logo.png -resize '180x180' -background white apple-touch-icon.png
+convert logo.png -resize '60x60' -background white apple-touch-icon-60x60.png
+convert logo.png -resize '76x76' -background white apple-touch-icon-76x76.png
+convert logo.png -resize '120x120' -background white apple-touch-icon-120x120.png
+convert logo.png -resize '180x180' -background white apple-touch-icon-180x180.png
+convert logo.png -resize '152x152' -background white apple-touch-icon-152x152.png
+convert logo.png -resize '16x16' favicon-16x16.png
+convert logo.png -resize '32x32' favicon-32x32.png
+convert logo.png -resize '144x144' msapplication-icon-144x144.png
+convert logo.png -resize '150x150' -background transparent -compose Copy -gravity center -extent 270x270 mstile-150x150.png 
+convert logo.png -resize '512x512' safari-pinned-tab.svg
+```

packages/dashboard/public/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-    <link rel="icon" type="image/svg+xml" href="<%= BASE_URL %>logo.svg" />
+    <link rel="icon" type="image/png" href="<%= BASE_URL %>img/icons/android-chrome-512x512.png" />
 
     <meta name="robots" content="noindex">
     <meta name="googlebot" content="noindex">