new client misc fixes (#9033)

* show quests and open quest dialog on click

* extract questDialogContent/Drops to separate components & use those in startQuestModal & buyQuestModal

* fix market search

* remove & readd pinned gear on revive

* remove listener once destroyed

website/client/components/inventory/items/index.vue

@@ -115,7 +115,7 @@
           )
             template(slot="popoverContent", scope="context")
               h4.popover-content-title {{ context.item.text }}
-              .popover-content-text {{ context.item.notes }}
+              .popover-content-text(v-html="context.item.notes")
             template(slot="itemBadge", scope="context")
               countBadge(
                 :show="true",
@@ -145,6 +145,10 @@
     @change="resetSpell($event)",
     @memberSelected="memberSelected($event)",
   )
+
+  startQuestModal(
+    group="user.party"
+  )
 </template>
 
 <style lang="scss" scoped>
@@ -184,6 +188,8 @@ import CountBadge from 'client/components/ui/countBadge';
 import SelectMembersModal from 'client/components/selectMembersModal';
 import HatchedPetDialog from '../stable/hatchedPetDialog';
 
+import startQuestModal from '../../groups/startQuestModal';
+
 import createAnimal from 'client/libs/createAnimal';
 
 import moment from 'moment';
@@ -198,6 +204,7 @@ const groups = [
   ['hatchingPotions', 'Pet_HatchingPotion_'],
   ['food', 'Pet_Food_'],
   ['special', 'inventory_special_', allowedSpecialItems],
+  ['quests', 'inventory_quest_scroll_'],
 ].map(([group, classPrefix, allowedItems]) => {
   return {
     key: group,
@@ -221,6 +228,7 @@ export default {
     HatchedPetDialog,
     CountBadge,
     SelectMembersModal,
+    startQuestModal,
   },
   directives: {
     drag: DragDropDirective,
@@ -403,6 +411,10 @@ export default {
         } else {
           this.selectedSpell = item;
         }
+      } else if (groupKey === 'quests') {
+        this.$root.$emit('show::modal', 'start-quest-modal');
+
+        this.$root.$emit('selectQuest', item);
       }
     },