feat(Banking Settings): show field label instead of name

(cherry picked from commit d0b2d43)

banking/klarna_kosma_integration/doctype/banking_settings/banking_settings.js

@@ -271,22 +271,29 @@ frappe.ui.form.on('Banking Reference Mapping', {
 });
 
 function set_field_options(frm, cdt, cdn) {
-	let doc = frappe.get_doc(cdt, cdn);
-	let document_type = doc.document_type || "Sales Invoice";
+	const doc = frappe.get_doc(cdt, cdn);
+	const document_type = doc.document_type || "Sales Invoice";
 
 	// set options for `field_name`
 	frappe.model.with_doctype(document_type,  () => {
-		let meta = frappe.get_meta(document_type);
-		let fields = meta.fields.filter((field) => {
+		const meta = frappe.get_meta(document_type);
+		const fields = meta.fields.filter((field) => {
 			return (
 				["Link", "Data"].includes(field.fieldtype)
 				&& field.is_virtual === 0
 			);
 		});
-		let fieldnames = fields.map((field) => field.fieldname).sort();
 
-		let grid = frm.fields_dict.reference_fields.grid;
-		grid.update_docfield_property("field_name", "options", fieldnames);
+		frm.fields_dict.reference_fields.grid.update_docfield_property(
+			"field_name",
+			"options",
+			fields.map((field) => {
+				return {
+					value: field.fieldname,
+					label: __(field.label),
+				}
+			}).sort((a, b) => a.label.localeCompare(b.label))
+		);
 		frm.refresh_field("reference_fields");
 	});
 }