fix: customer => branch card customer & table

src/components/03_customer-management/BranchCardCustomer.vue

@@ -10,6 +10,7 @@ defineProps<{
     telephone: string;
     businessTypePure: string;
     totalEmployee: number;
+    code: string;
   };
   metadata?: unknown;
   badgeField?: string[];
@@ -48,7 +49,7 @@ defineProps<{
       </div>
       <div class="branch-card__name">
         <b>{{ data.branchName }}</b>
-        <small class="branch-card__code">{{ data.branchName }}</small>
+        <small class="branch-card__code">{{ data.code }}</small>
       </div>
 
       <div class="branch-card__action">
@@ -75,18 +76,25 @@ defineProps<{
       "
     />
     <div
-      v-for="key in fieldSelected?.sort() || [
-        'customerBranchFormTab',
-        'branchName',
+      v-for="key in fieldSelected || [
         'address',
         'telephone',
         'businessTypePure',
         'totalEmployee',
       ]"
+      :key="key"
       class="branch-card__data"
     >
-      <div>{{ $t(key) }}</div>
-      <div>{{ data[key as keyof typeof data] }}</div>
+      <div>
+        {{
+          fieldSelected
+            ? $t(key)
+            : key !== 'address' && key !== 'telephone'
+              ? $t(`customer.table.${key}`)
+              : $t(`general.${key}`)
+        }}
+      </div>
+      <div>{{ data[key as keyof typeof data] || '-' }}</div>
     </div>
   </div>
 </template>
@@ -174,7 +182,7 @@ defineProps<{
   }
 
   &.branch-card__pers {
-    --_branch-card-bg: var(--pink-6-hsl);
+    --_branch-card-bg: var(--teal-10-hsl);
   }
 
   &.branch-card__corp {