Challenge Won Notification improvements (#12762)

* challenge won notification: add more info

* update tests

* use new notification on web, fixes #7716

* wip design

* finalize design

* fix markdown rendering

website/client/src/components/shared/closeIcon.vue

@@ -1,9 +1,12 @@
 <template>
-  <button title="close dialog"
-          @click="$emit('click', $event)">
-    <div v-once
-         class="svg-icon"
-         v-html="icons.close"
+  <button
+    title="close dialog"
+    @click="$emit('click', $event)"
+  >
+    <div
+      v-once
+      class="svg-icon"
+      v-html="icons.close"
     ></div>
   </button>
 </template>
@@ -12,7 +15,7 @@
 import svgClose from '@/assets/svg/close.svg';
 
 export default {
-  name: 'closeIcon',
+  name: 'CloseIcon',
   data () {
     return {
       icons: Object.freeze({

website/client/src/components/shared/inventoryDrawer.vue

@@ -1,13 +1,19 @@
 <template>
   <drawer
+    ref="drawer"
     class="inventoryDrawer"
     :no-title-bottom-padding="true"
     :error-message="inventoryDrawerErrorMessage(selectedDrawerItemType)"
-    ref="drawer"
   >
-    <div slot="drawer-title-row" class="title-row-tabs">
-      <div class="drawer-tab" v-for="(tab, index) of filteredTabs"
-           :key="tab.key">
+    <div
+      slot="drawer-title-row"
+      class="title-row-tabs"
+    >
+      <div
+        v-for="(tab, index) of filteredTabs"
+        :key="tab.key"
+        class="drawer-tab"
+      >
         <a
           class="drawer-tab-text"
           :class="{'drawer-tab-text-active': filteredTabs[selectedDrawerTab].key === tab.key}"