feat(kanban): add De/Para and Responsável to franchisor kanban card

src/pages/kanban/components/KanbanCard.vue

@@ -16,9 +16,22 @@
       />
     </div>
 
-    <!-- Unit name of responsible -->
-    <div class="q-px-md q-mt-xs text-caption text-grey-6">
-      {{ card.applicant_unit_name ?? 'Matriz' }}
+    <!-- De / Para -->
+    <div class="q-px-md q-mt-xs" style="display: flex; gap: 10px">
+      <span class="text-caption text-grey-6">
+        <span class="text-weight-medium text-grey-7">De:</span>
+        {{ card.applicant_unit_name ?? 'Matriz' }}
+      </span>
+      <span class="text-caption text-grey-6">
+        <span class="text-weight-medium text-grey-7">Para:</span>
+        {{ paraLabel }}
+      </span>
+    </div>
+
+    <!-- Responsável -->
+    <div v-if="card.responsible_user_name" class="q-px-md q-mt-xs text-caption text-grey-6">
+      <span class="text-weight-medium text-grey-7">Resp.:</span>
+      {{ card.responsible_user_name }}
     </div>
 
     <!-- Description truncated -->
@@ -33,7 +46,7 @@
     <!-- Footer: Sector + Comments count -->
     <div class="row items-center justify-between q-px-md q-pb-md q-mt-sm">
       <span class="text-caption text-grey-6">{{ card.sector ?? '—' }}</span>
-      <div class="row items-center gap-xs" style="gap: 4px">
+      <div class="row items-center" style="gap: 4px">
         <q-icon name="mdi-comment-outline" color="grey-5" size="16px" />
         <span class="text-caption text-grey-6">{{ card.replies_count ?? 0 }}</span>
       </div>
@@ -58,6 +71,12 @@ const truncated = computed(() => {
   return desc.length > 50 ? desc.slice(0, 50) + "…" : desc;
 });
 
+const paraLabel = computed(() => {
+  if (card.scope === "internal") return "Interno";
+  if (card.scope === "all") return "Todas as Unidades";
+  return card.target_unit_name ?? "—";
+});
+
 const priorityColor = computed(() => {
   const map = { alta: "negative", normal: "warning", baixa: "positive" };
   return map[card.priority] ?? "grey";