feat: add option to disabled change button top left

src/components/ImageUploadDialog.vue

@@ -3,6 +3,7 @@ import AppBox from './app/AppBox.vue';
 
 defineExpose({ browse });
 defineProps<{
+  changeDisabled?: boolean;
   clearButtonDisabled?: boolean;
   clearButton?: boolean;
   hiddenFooter?: boolean;
@@ -93,6 +94,7 @@ function change(e: Event) {
             size="md"
             unelevated
             round
+            v-if="!changeDisabled"
             @click="inputFile?.click()"
           ></q-btn>
         </div>

src/pages/01_branch-management/MainPage.vue

@@ -2087,8 +2087,9 @@ watch(currentHq, () => {
     v-model:file="profileFileImg as File"
     v-model:image-url="imageUrl"
     :hiddenFooter="!isImageEdit"
+    :changeDisabled="!isImageEdit"
+    @save="imageDialog = false"
     clearButton
-    @save="handleImageUpload"
   >
     <template #error>
       <div class="full-height full-width" style="background: white">

src/pages/02_personnel-management/MainPage.vue

@@ -1890,8 +1890,9 @@ watch(
     v-model:image-url="urlProfile"
     :default-url="`${baseUrl}/user/${currentUser?.id}/image`"
     :hiddenFooter="!isImageEdit"
+    :changeDisabled="!isImageEdit"
+    @save="imageDialog = false"
     clearButton
-    @save="handleImageUpload"
   >
     <template #error>
       <div class="full-height full-width" style="background: white">