fix: adjust component (person card & customer info)

src/components/home/PersonCard.vue

@@ -46,12 +46,14 @@ defineEmits<{
   >
     <div class="column items-center">
       <!-- kebab menu -->
-      <div class="full-width flex" v-if="!noAction">
+      <div class="full-width flex no-wrap" v-if="!noAction">
         <div style="margin-right: auto">
           <span
             class="tags"
             v-for="v in tag"
+            :key="v.value"
             :class="{ [`tags__${v.color}`]: true }"
+            style="text-wrap: nowrap"
           >
             {{ v.value }}
           </span>
@@ -155,7 +157,6 @@ defineEmits<{
       </div>
 
       <!-- profile -->
-
       <AppCircle
         bordered
         class="avatar"
@@ -184,8 +185,10 @@ defineEmits<{
       </AppCircle>
 
       <!-- name symbol -->
-      <span class="items-center row">
-        {{ data.name }}
+      <span class="items-center text-center row full-width">
+        <span class="col ellipsis" style="width: 0">
+          {{ data.name }}
+        </span>
         <Icon
           v-if="data.male || data.female"
           class="q-pl-xs"