fix(error-handler): form a correct report

package.json

@@ -38,6 +38,7 @@
     "connect": "^3.7.0",
     "core-js": "^3.15.1",
     "date-fns": "^2.22.1",
+    "detect-browser": "^5.2.0",
     "fontsource-ibm-plex-sans": "^3.1.5",
     "i18n": "^0.13.3",
     "is-fqdn": "^2.0.1",

src/components/ErrorReportModal.vue

@@ -67,7 +67,7 @@ export default {
     async send() {
       await Backend.errorReport({
         ...this.report,
-        userComment: this.userComment,
+        description: this.userComment,
       });
       this.resolve(true);
     },

src/store/plugins/errorHandler.js

@@ -1,19 +1,22 @@
 import { serializeError } from 'serialize-error';
 import Vue from 'vue';
+import { detect } from 'detect-browser';
 
 export default ({ dispatch }) => {
   const reportsToSend = [];
   let showingErrorReportModal = false;
 
   const handleError = async (error) => {
     reportsToSend.push({
-      appName: 'superhero-ui',
       appVersion: process.env.npm_package_version,
-      appRevision: process.env.COMMIT_HASH,
-      userAgent: window.navigator.userAgent,
-      location: window.location.href,
-      timestamp: Date.now(),
-      error,
+      browser: detect(),
+      platform: 'superhero-ui',
+      time: Date.now(),
+      error: {
+        ...error,
+        appRevision: process.env.COMMIT_HASH,
+        location: window.location.href,
+      },
     });
     if (showingErrorReportModal) return;
     showingErrorReportModal = true;