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

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

@@ -1,5 +1,7 @@
 <template>
    
+   <h2>{{ $t('main_title') }}</h2>
+   
    <ul class="nav nav-tabs">
       <li class="nav-item">
          <a class="nav-link"
@@ -8,6 +10,14 @@
             <i class="fa fa-home"></i>
          </a>
       </li>
+      <li class="nav-item">
+         <a class="nav-link"
+            :class="{'active': activeTab === 'MyAccompanyingCourses'}"
+            @click="selectTab('MyAccompanyingCourses')">
+            {{ $t('my_accompanying_courses.tab') }}
+            <tab-counter :count="state.accompanyingCourses.count"></tab-counter>
+         </a>
+      </li>
       <li class="nav-item">
          <a class="nav-link"
             :class="{'active': activeTab === 'MyWorks'}"
@@ -33,14 +43,6 @@
             <tab-counter :count="state.tasks.alert.count"></tab-counter>
          </a>
       </li>
-      <li class="nav-item">
-         <a class="nav-link"
-            :class="{'active': activeTab === 'MyAccompanyingCourses'}"
-            @click="selectTab('MyAccompanyingCourses')">
-            {{ $t('my_accompanying_courses.tab') }}
-            <tab-counter :count="state.accompanyingCourses.count"></tab-counter>
-         </a>
-      </li>
       <li class="nav-item">
          <a class="nav-link"
             :class="{'active': activeTab === 'MyNotifications'}"