style: :lipstick: style (convenios associado) ajuste visual nas informacoes

ajustada informacoes dos conveniso para manter altura do card padrao

fase:dev | origin:melhoria-interna

src/pages/parceiros-convenios/components/PartnerAgreementCard.vue

@@ -21,19 +21,19 @@
           {{ partner.category.name }}
         </q-chip>
         <div v-if="partner.discount_percentage" class="partner-card__discount-badge flex-shrink-0">
-          Desconto -{{ partner.discount_percentage }}%
+          {{ $t('associado.discount')}} -{{ partner.discount_percentage }}%
         </div>
       </div>
 
       <div class="row items-end no-wrap">
         <div class="col">
-          <div v-if="partner.address || partner.city" class="text-caption partner-card__info row items-center q-mb-xs">
+          <div class="text-caption partner-card__info row items-center q-mb-xs">
             <q-icon name="mdi-map-marker-outline" size="14px" class="q-mr-xs" />
-            <span class="ellipsis">{{ addressLine }}</span>
+            <span class="ellipsis">{{ addressLine ?? '--' }}</span>
           </div>
-          <div v-if="partner.phone" class="text-caption partner-card__info row items-center">
+          <div class="text-caption partner-card__info row items-center">
             <q-icon name="mdi-phone-outline" size="14px" class="q-mr-xs" />
-            {{ partner.phone }}
+            {{ partner.phone ?? '--' }}
           </div>
         </div>
         <q-btn
@@ -52,9 +52,9 @@
           <q-icon name="mdi-star" size="14px" color="amber" />
           <span>4.5/5</span>
         </div>
-        <div v-if="partner.contract_end" class="text-caption partner-card__info row items-center" style="gap: 2px">
+        <div class="text-caption partner-card__info row items-center" style="gap: 2px">
           <q-icon name="mdi-calendar-outline" size="13px" />
-          {{ $t('associado.validity_until') }} {{ formatDate(partner.contract_end) }}
+          {{ $t('associado.validity_until') }} {{ partner.contract_end ? formatDate(partner.contract_end) : '--' }}
         </div>
       </div>
     </q-card-section>
@@ -74,6 +74,7 @@ const { partner, editable } = defineProps({
 
 const addressLine = computed(() => {
   const parts = [partner.address, partner.neighborhood, partner.city?.name].filter(Boolean);
+  if(!parts.length) return '--';
   return parts.join(", ");
 });