Client: remove unnecessary API calls + members fixes (#12179)

* wip

* refactor world state

* allow resource to be reloaded when the server is updated

* fix #9242

* fix event listeners

* remove un-needed code

* add tests for  asyncResourceFactory reloadOnAppVersionChange

* fix double cron notifications and party members showing up in the header after a party invitation is accepted

* remove console.log

* do not send vm info to loggly due to circular dependency + fix typo

* fix #12181

* do not load invites multiple times in members modal

* add hover to challenge member count

* groups: load members only on demand

* minor ui fixes

* choose class: fix vue duplicate key warning

* minor ui fixes

* challanges: load members on demand

* add loading spinner

* change loading mechanism

* fix loading gryphon issues

* reduce code duplication

website/client/src/components/ui/customMenuDropdown.vue

@@ -91,7 +91,7 @@ export default {
   mounted () {
     document.documentElement.addEventListener('click', this._clickOutListener);
   },
-  destroyed () {
+  beforeDestroy () {
     document.removeEventListener('click', this._clickOutListener);
   },
   methods: {

website/client/src/components/ui/loadingGryphon.vue

@@ -0,0 +1,45 @@
+<template>
+  <div class="loading-gryphon-wrapper">
+    <div
+      v-once
+      class="svg-icon loading-gryphon"
+      v-html="icons.gryphon"
+    ></div>
+  </div>
+</template>
+
+<style lang='scss' scoped>
+  .loading-gryphon-wrapper {
+    width: 100%;
+    padding-top: 72px;
+    padding-bottom: 72px;
+  }
+
+  .loading-gryphon {
+    color: #6133b4;
+    margin: 0 auto;
+    width: 65px;
+    height: 70px;
+    animation: pulsate 2s linear infinite;
+  }
+
+  @keyframes pulsate {
+    from { opacity: 1; }
+    50% { opacity: 0.5; }
+    to { opacity: 1; }
+  }
+</style>
+
+<script>
+import gryphon from '@/assets/svg/gryphon.svg';
+
+export default {
+  data () {
+    return {
+      icons: Object.freeze({
+        gryphon,
+      }),
+    };
+  },
+};
+</script>