New client popups profile andmore (#8907)

* Added more styles to user profile modal and replaced memberDetail

* Added notify library

* Added edit avator

* Added notification menu updates

* Fixed lint issues

* Added group invite functionality

* Added many achievement modals

* Added initial quest modals

* Added guild, drops, and rebirth modals

* Added the reset of the achievement modals and fixed lint

website/client/components/achievements/rebirth.vue

@@ -0,0 +1,40 @@
+<template lang="pug">
+  b-modal#testing(:title="$t('guildReminderTitle')", size='lg', :hide-footer="true")
+    .modal-content(style='min-width:28em')
+    .modal-body.text-center
+      h3(style='margin-bottom:0') {{ $t('modalAchievement') }}
+      // @TODO: +achievementAvatar('sun',0)
+      div(ng-if='user.achievements.rebirthLevel < 100')
+        | {{ $t('rebirthAchievement', {number: user.achievements.rebirths, level: user.achievements.rebirthLevel}) }}
+      div(ng-if='user.achievements.rebirthLevel >= 100')
+        | {{ $t('rebirthAchievement100', {number: user.achievements.rebirths}) }}
+      br
+      button.btn.btn-primary(@click='close()') {{ $t('huzzah') }}
+    // @TODO: +achievementFooter
+</template>
+
+<style scope>
+  .dont-despair, .death-penalty {
+    margin-top: 1.5em;
+  }
+</style>
+
+<script>
+import bModal from 'bootstrap-vue/lib/components/modal';
+
+import { mapState } from 'client/libs/store';
+
+export default {
+  components: {
+    bModal,
+  },
+  computed: {
+    ...mapState({user: 'user.data'}),
+  },
+  methods: {
+    close () {
+      this.$root.$emit('hide::modal', 'testing');
+    },
+  },
+};
+</script>