fix: persist user documents immediately after FilePond upload

FilePond success only stored files in the temp bucket, so the documents table stayed empty unless a second commit click was used.

src/views/users/UserFormView.vue

@@ -108,10 +108,6 @@
           <AdminNotesField v-model="form.adminNotes" />
         </div>
 
-        <div v-if="isEditMode" class="col-12 mt-2">
-          <UserFilesSection :user-id="String(userId)" />
-        </div>
-
         <div class="col-12 md:col-6 flex flex-column gap-2" v-if="isEditMode">
           <label class="font-semibold text-sm">{{ $t('auth.username') }}</label>
           <InputText
@@ -140,6 +136,10 @@
       </form>
     </div>
 
+    <div v-if="isEditMode" class="mt-4">
+      <UserFilesSection ref="filesSection" :user-id="String(userId)" />
+    </div>
+
     <Dialog
       v-model:visible="credentialsVisible"
       modal
@@ -189,6 +189,7 @@ const { showSuccess, showError } = useToast();
 const userId = route.params.id;
 const isEditMode = computed(() => !!userId);
 const isSubmitting = ref(false);
+const filesSection = ref(null);
 const roles = ref([]);
 const credentialsVisible = ref(false);
 const createdCredentials = reactive({ username: '', password: '' });
@@ -335,6 +336,9 @@ const handleSubmit = async () => {
     const payload = buildPayload();
     if (isEditMode.value) {
       await userApi.update(userId, payload);
+      if (filesSection.value?.commitPending) {
+        await filesSection.value.commitPending();
+      }
       showSuccess('اطلاعات کاربر با موفقیت ویرایش شد');
       router.push('/users');
     } else {