Added tooltips to explain settings meaning

front/src/components/federation/LibraryTrackTable.vue

@@ -65,17 +65,13 @@
 
           </th>
           <th v-if="result && result.results.length > 0">
-            <i18next path="Showing results {%0%}-{%1%} on {%2%}">
+            {{ $t('Showing results {%start%}-{%end%} on {%total%}', {start: ((page-1) * paginateBy) + 1 , end: ((page-1) * paginateBy) + result.results.length, total: result.count})}}
-              {{ ((page-1) * paginateBy) + 1 }}
-              {{ ((page-1) * paginateBy) + result.results.length }}
-              {{ result.count }}
-            </i18next>
           <th>
             <button
               @click="launchImport"
               :disabled="checked.length === 0 || isImporting"
               :class="['ui', 'green', {loading: isImporting}, 'button']">
-              <i18next path="Import {%count%} tracks" :count="checked.length"/>
+              {{ $t('Import {%count%} tracks', {'count': checked.length}) }}
             </button>
             <router-link
               v-if="importBatch"

front/src/views/federation/LibraryDetail.vue

@@ -18,7 +18,10 @@
           <table class="ui collapsing very basic table">
             <tbody>
               <tr>
-                <td>Follow status</td>
+                <td >
+                  Follow status
+                  <span :data-tooltip="$t('This indicate if the remote library granted you access')"><i class="question circle icon"></i></span>
+                </td>
                 <td>
                   <template v-if="object.follow.approved === null">
                     <i class="loading icon"></i> Pending approval
@@ -34,7 +37,10 @@
                 </td>
               </tr>
               <tr>
-                <td>Federation</td>
+                <td>
+                  Federation
+                  <span :data-tooltip="$t('Use this flag to enable/disable federation with this library')"><i class="question circle icon"></i></span>
+                </td>
                 <td>
                   <div class="ui toggle checkbox">
                     <input
@@ -47,7 +53,10 @@
                 </td>
               </tr>
               <tr>
-                <td>Auto importing</td>
+                <td>
+                  Auto importing
+                  <span :data-tooltip="$t('When enabled, auto importing will automatically import new tracks published in this library')"><i class="question circle icon"></i></span>
+                </td>
                 <td>
                   <div class="ui toggle checkbox">
                     <input