fix(ux): contact picture buttons and labels

#1354
- Do not show "Change Photo" when there is no photo updated
- Do not show "Remove" when there is no photo updated. Only show this if there is a photo is updated

desk/src/pages/desk/contact/ContactDialog.vue

@@ -15,13 +15,17 @@
           <FileUploader @success="(file) => updateImage(file)">
             <template #default="{ uploading, openFileSelector }">
               <Button
-                label="Change photo"
+                :label="contact.doc?.image ? 'Change photo' : 'Upload photo'"
                 :loading="uploading"
                 @click="openFileSelector"
               />
             </template>
           </FileUploader>
-          <Button label="Remove photo" @click="updateImage(null)" />
+          <Button
+            v-if="contact.doc?.image"
+            label="Remove photo"
+            @click="updateImage(null)"
+          />
         </div>
         <div class="w-full space-y-2 text-sm text-gray-700">
           <div class="space-y-1">