User-friendly error messages

src/views/DiscoverView.vue

@@ -190,8 +190,8 @@ export default class DiscoverView extends Vue {
           {
             group: "alert",
             type: "danger",
-            title: "Danger Alert",
+            title: "Error",
-            text: details,
+            text: `There was a problem accessing the server. Please try again later. (${details})`,
           },
           -1,
         );
@@ -255,8 +255,8 @@ export default class DiscoverView extends Vue {
           {
             group: "alert",
             type: "danger",
-            title: "Danger Alert",
+            title: "Error",
-            text: details,
+            text: `There was a problem accessing the server. Please try again later. (${details})`,
           },
           -1,
         );