Rework icon with higher quality and new color

Change icon color to match the primary color of the theme (i.e.,
`#3a65ab`). The new color looks good on both dark and light surfaces
which solves #155.

Introduce SVG logo instead of PNG for better quality and scalability.

Improve icon creation. Introduce an automated script to create different
logo formats in different sizes enabling easier update of logo from
single place.

package.json

@@ -7,6 +7,7 @@
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
+    "create-icons": "node img/logo-update.mjs",
     "test:unit": "vue-cli-service test:unit",
     "test:e2e": "vue-cli-service test:e2e",
     "lint": "npm run lint:md && npm run lint:md:consistency && npm run lint:md:relative-urls && npm run lint:eslint && npm run lint:yaml",
@@ -65,12 +66,14 @@
     "electron": "^17.1.0",
     "electron-builder": "^22.14.13",
     "electron-devtools-installer": "^3.2.0",
+    "electron-icon-builder": "^2.0.1",
     "electron-log": "^4.4.6",
     "electron-updater": "^5.0.0",
     "eslint": "7.32.0",
     "eslint-plugin-import": "^2.25.4",
     "eslint-plugin-vue": "^8.5.0",
     "eslint-plugin-vuejs-accessibility": "^1.1.1",
+    "icon-gen": "^3.0.1",
     "js-yaml-loader": "^1.2.2",
     "markdownlint-cli": "^0.31.1",
     "remark-cli": "^10.0.1",
@@ -79,6 +82,7 @@
     "remark-validate-links": "^11.0.2",
     "sass": "^1.49.9",
     "sass-loader": "^12.6.0",
+    "svgexport": "^0.4.2",
     "ts-loader": "9.0.1",
     "tslib": "^2.3.1",
     "typescript": "^4.6.2",