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/challenges/challengeDetail.vue

@@ -1,7 +1,7 @@
 <template lang="pug">
 .row
   challenge-modal(:challenge='challenge', v-on:updatedChallenge='updatedChallenge')
-  close-challenge-modal
+  close-challenge-modal(:members='members', :challengeId='challenge._id')
 
   .col-8.standard-page
     .row
@@ -39,10 +39,9 @@
       div(v-if='isMember')
         button.btn.btn-danger(v-once, @click='leaveChallenge()') {{$t('leaveChallenge')}}
       div(v-if='isLeader')
-        b-dropdown(:text="$t('create')")
+        b-dropdown.create-dropdown(:text="$t('create')")
           b-dropdown-item(v-for="type in columns", :key="type", @click="createTask(type)")
             | {{$t(type)}}
-        //- button.btn.btn-success(v-once) {{$t('addTask')}}
         task-modal(
           :task="workingTask",
           :purpose="taskFormPurpose",
@@ -129,6 +128,7 @@
     div, button {
       width: 60%;
       margin: 0 auto;
+      margin-bottom: .5em;
       text-align: center;
     }
   }
@@ -138,6 +138,14 @@
   }
 </style>
 
+<style>
+  .create-dropdown button {
+    width: 100%;
+    font-size: 16px !important;
+    font-weight: bold !important;
+  }
+</style>
+
 <script>
 import Vue from 'vue';
 import bDropdown from 'bootstrap-vue/lib/components/dropdown';
@@ -220,7 +228,7 @@ export default {
     createTask (type) {
       this.taskFormPurpose = 'create';
       this.creatingTask = taskDefaults({type, text: ''});
-      this.workingTask = this.editingTask;
+      this.workingTask = this.creatingTask;
       // Necessary otherwise the first time the modal is not rendered
       Vue.nextTick(() => {
         this.$root.$emit('show::modal', 'task-modal');
@@ -240,6 +248,7 @@ export default {
       this.tasksByType[task.type].splice(index, 1, task);
     },
     showMemberModal () {
+      this.$store.state.groupId = 'challenge'; // @TODO: change these terrible settings
       this.$store.state.viewingMembers = this.members;
       this.$root.$emit('show::modal', 'members-modal');
     },