fix: update TableDebitNote to use finalPrice instead of totalPrice and add key attribute to q-td elements

src/pages/12_debit-note/TableDebitNote.vue

@@ -59,7 +59,7 @@ const visible = computed(() =>
       } & Omit<Parameters<QTableSlots['body']>[0], 'row'>"
     >
       <q-tr :class="{ dark: $q.dark.isActive }" class="text-center">
-        <q-td v-for="col in visible" :align="col.align">
+        <q-td v-for="col in visible" :align="col.align" :key="col.name">
           <!-- NOTE: custom column will starts with # -->
           <template v-if="!col.name.startsWith('#')">
             <span v-if="col.name !== 'quotationPayment'">

src/pages/12_debit-note/constants.ts

@@ -69,7 +69,7 @@ export const columns = [
     name: 'creditNoteValue',
     align: 'center',
     label: 'debitNote.label.value',
-    field: (data: DebitNote) => formatNumberDecimal(data.totalPrice),
+    field: (data: DebitNote) => formatNumberDecimal(data.finalPrice),
   },
   {
     name: '#action',