Improve G1G1 process (#11792)

* WIP(g1g1): notif

* WIP(g1g1): notif cont'd

* WIP(gifting): partial modal implementation

* feat(gifting): select giftee modal

* fix(gifting): notification order, modal dismiss

* fix(modals): correct some repops

* fix(gifting): style updates

* fix(modals): new dismiss logic

* fix(modals): new dismiss no go??

* refactor(close): catch up with dismiss functionality

* refactor(g1g1): optimizations

website/client/src/components/header/notifications/g1g1.vue

@@ -2,19 +2,38 @@
   <div
     class="notification d-flex flex-column justify-content-center text-center"
   >
-    <strong class="mx-auto mb-2"> {{ $t('g1g1Announcement') }} </strong>
+    <strong
-    <p class="mx-4"> {{ $t('g1g1Details') }} </p>
+      class="mx-auto mb-2"
+      v-once
+    >
+      {{ $t('g1g1Announcement') }}
+    </strong>
+    <p
+      class="mx-4"
+      v-once
+    >
+      {{ $t('g1g1Details') }}
+    </p>
     <div
       class="btn-secondary mx-auto d-flex"
       @click="showSelectUser()"
     >
-      <div class="m-auto"> {{ $t('sendGift') }} </div>
+      <div
+        class="m-auto"
+        v-once
+      >
+        {{ $t('sendGift') }}
+      </div>
     </div>
     <div
       class="notification-remove"
       @click.stop="remove()"
     >
-      <div class="svg-icon" v-html="icons.close"></div>
+      <div
+        class="svg-icon"
+        v-html="icons.close"
+        v-once
+      ></div>
     </div>
   </div>
 </template>

website/client/src/components/payments/selectUserModal.vue

@@ -173,7 +173,6 @@ export default {
   methods: {
     close () {
       this.$root.$emit('habitica::dismiss-modal', 'select-user-modal');
-      this.$root.$emit('bv::hide::modal', 'select-user-modal');
     },
     searchUser: debounce(async function userSearch (searchTerm) {
       this.foundUser = {};

website/client/src/components/payments/successModal.vue

@@ -245,7 +245,6 @@ export default {
     close () {
       this.paymentData = {};
       this.$root.$emit('habitica::dismiss-modal', 'payments-success-modal');
-      this.$root.$emit('bv::hide::modal', 'payments-success-modal');
     },
   },
 };