add entity 'user' to pills badge-entity

src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons/TypeUser.vue

@@ -7,26 +7,22 @@
       </div>
     </div>
     <div class="right_actions">
-      <span class="badge rounded-pill bg-secondary">
-        {{ $t('user')}}
-      </span>
+       <badge-entity
+          :entity="item.result"
+          :options="{ displayLong: true }">
+       </badge-entity>
     </div>
 </template>
 
 <script>
-
-const i18n = {
-  messages: {
-    fr: {
-      user: 'Utilisateur' // TODO how to define other translations?
-    }
-  }
-};
+import BadgeEntity from 'ChillMainAssets/vuejs/_components/BadgeEntity.vue';
 
 export default {
    name: 'SuggestionUser',
+   components: {
+      BadgeEntity
+   },
    props: ['item'],
-   i18n,
    computed: {
      hasParent() {
        return this.$props.item.result.parent !== null;