New client misc with some more misc (#8929)

* Added markdown

* Added styles and option for debug menu

* Added sm icons

* Began styling autocomplete

* Added autocomplete styles

* Added more challenge categories

* Updated challenge participants modal

* Fixed challenge list updating without reload

* Added close and delete challenge

* Fixed form placeholder, adjusted desc style and fixed create button style

* Fixed faq collapsing and style

* Fixed repeating ending

* Fixed delete account

* Fixed party fetch issue

* Fixed scope issue

* Added member count filters

* Fixed create button style

* Fixed badge color display

* Updated tavern styles

* Fixed some party styles

* Updated login styles

* Fixed login redirect

* Fixed initial login process

* Added done local

website/client/components/chat/reportFlagModal.vue

@@ -4,7 +4,7 @@
       h4(v-html="$t('abuseFlagModalHeading', reportData)")
     .modal-body
       blockquote
-        // @TODO: markdown(text='abuseObject.text')
+        div(v-markdown='abuseObject.text')
       p(v-html="$t('abuseFlagModalBody', abuseFlagModalBody)")
     .modal-footer
       button.pull-left.btn.btn-danger(@click='clearFlagCount()', v-if='user.contributor.admin && abuseObject.flagCount > 0')
@@ -17,12 +17,16 @@
 import bModal from 'bootstrap-vue/lib/components/modal';
 import { mapState } from 'client/libs/store';
 import notifications from 'client/mixins/notifications';
+import markdownDirective from 'client/directives/markdown';
 
 export default {
   mixins: [notifications],
   components: {
     bModal,
   },
+  directives: {
+    markdown: markdownDirective,
+  },
   computed: {
     ...mapState({user: 'user.data'}),
     reportData () {