add avatar to kit

src/pages/clients/components/cells/TableCellBodyName.vue

@@ -1,16 +1,16 @@
 <template lang="pug">
   .flex.box-border.px-4.items-center.gap-x-3.w-full.text-sm(:style="{ minWidth : width + 'px' }")
-    .flex.avatar.justify-center.items-center
-      span {{avatar}}
+    BaseAvatar(:size="36") {{avatar}}
     span.font-semibold(v-if="!isOpenChange") {{value.fullName}}
     base-input(v-if="isOpenChange" type="text" v-model:value="value.fullName" :width-input="300")
 </template>
 
 <script>
 import BaseInput from "@/components/base/BaseInput";
+import BaseAvatar from "@/components/base/BaseAvatar";
 export default {
   name: "TableCellBodyName",
-  components: { BaseInput },
+  components: { BaseAvatar, BaseInput },
   props: {
     value: Object,
     avatar: String,