improve homepage_widget tables with datas

src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyWorks.vue

@@ -6,12 +6,18 @@
       <template v-slot:thead>
          <th scope="col">{{ $t('StartDate') }}</th>
          <th scope="col">{{ $t('SocialAction') }}</th>
+         <th scope="col">{{ $t('concerned_persons') }}</th>
          <th scope="col"></th>
       </template>
       <template v-slot:tbody>
          <tr v-for="(w, i) in works.results" :key="`works-${i}`">
             <td>{{ $d(w.startDate.datetime, 'short') }}</td>
             <td>
+               <span class="chill-entity entity-social-issue">
+                  <span class="badge bg-chill-l-gray text-dark">
+                     {{ w.socialAction.issue.text }}
+                  </span>
+               </span>
                <h4 class="badge-title">
                   <span class="title_label"></span>
                   <span class="title_action">
@@ -19,6 +25,17 @@
                   </span>
                </h4>
             </td>
+            <td>
+               <span v-for="person in w.persons" class="me-1" :key="person.id">
+                  <on-the-fly
+                     :type="person.type"
+                     :id="person.id"
+                     :buttonText="person.textAge"
+                     :displayBadge="'true' === 'true'"
+                     action="show">
+                  </on-the-fly>
+               </span>
+            </td>
             <td>
                <div class="btn-group" role="group" aria-label="Actions">
                   <a class="btn btn-sm btn-update" :href="getUrl(w)">
@@ -38,11 +55,13 @@
 <script>
 import { mapState, mapGetters } from "vuex";
 import TabTable from "./TabTable";
+import OnTheFly from 'ChillMainAssets/vuejs/OnTheFly/components/OnTheFly';
 
 export default {
    name: "MyWorks",
    components: {
-      TabTable
+      TabTable,
+      OnTheFly,
    },
    computed: {
       ...mapState([