added disabled on loading for button

frontend/components/global/Button.vue

@@ -13,7 +13,7 @@ const props = withDefaults(defineProps<Props>(), {
     variant: "solid",
     size: "lg",
 });
-const { variant, size } = toRefs(props);
+const { variant, size, loading } = toRefs(props);
 
 // computed
 const classes = computed(() => {
@@ -30,12 +30,15 @@ const classes = computed(() => {
             "btn-lg": size.value === "lg",
             "btn-md": size.value === "md",
         },
+        {
+            "pointer-events-none opacity-80 cursor-not-allowed": loading.value,
+        },
     ];
 });
 </script>
 
 <template>
-    <button :class="classes">
+    <button :class="classes" :disabled="loading">
         <Icon v-if="!loading && startIcon" :name="startIcon" />
         <slot v-if="!loading" />
         <Icon v-if="!loading && endIcon" :name="endIcon" />