New client spells (#8950)

* Added initial spell casting

* added casting

* Added spells style

* Fixed linting issues

* Added escape

* Added casting

* Added task drag style

website/client/components/tasks/user.vue

@@ -105,7 +105,7 @@
           :item="ctx.item",
           v-if="ctx.item.purchaseType === 'gear'"
         )
-
+  spells
 </template>
 
 <style lang="scss">
@@ -259,6 +259,7 @@
 <script>
 import TaskColumn from './column';
 import TaskModal from './taskModal';
+import spells from './spells';
 
 import positiveIcon from 'assets/svg/positive.svg';
 import filterIcon from 'assets/svg/filter.svg';
@@ -292,6 +293,7 @@ export default {
     Item,
     Avatar,
     EquipmentAttributesGrid,
+    spells,
   },
   data () {
     return {