feat: loading state on export actions

packages/hoppscotch-app/components/collections/my/Collection.vue

@@ -81,6 +81,7 @@
               @keyup.n="folderAction.$el.click()"
               @keyup.e="edit.$el.click()"
               @keyup.delete="deleteAction.$el.click()"
+              @keyup.x="exportAction.$el.click()"
               @keyup.escape="options.tippy().hide()"
             >
               <SmartItem
@@ -122,6 +123,18 @@
                   }
                 "
               />
+              <SmartItem
+                ref="exportAction"
+                svg="download"
+                :label="$t('export.as_json')"
+                :shortcut="['X']"
+                @click.native="
+                  () => {
+                    $emit('export-collection')
+                    options.tippy().hide()
+                  }
+                "
+              />
             </div>
           </tippy>
         </span>
@@ -222,6 +235,7 @@ export default defineComponent({
       folderAction: ref<any | null>(null),
       edit: ref<any | null>(null),
       deleteAction: ref<any | null>(null),
+      exportAction: ref<any | null>(null),
     }
   },
   data() {