vue homepage_widget: improve translations, titles, tabs order, add no data statement

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

@@ -1,6 +1,7 @@
 <template>
-   <h2>{{ $t('my_accompanying_courses.title') }}</h2>
-   <tab-table>
+   <div class="alert alert-light">{{ $t('my_accompanying_courses.description') }}</div>
+   <span v-if="noResults" class="chill-no-data-statement">{{ $t('no_data') }}</span>
+   <tab-table v-else>
       <template v-slot:thead>
       </template>
       <template v-slot:tbody>
@@ -24,7 +25,14 @@ export default {
       ]),
       ...mapGetters([
          'isAccompanyingCoursesLoaded',
-      ])
+      ]),
+      noResults() {
+         if (!this.isAccompanyingCoursesLoaded) {
+            return false;
+         } else {
+            return this.accompanyingCourses.count === 0;
+         }
+      }
    },
 }
 </script>