Add translate link

client/src/components/InterfaceLanguageDropdown.vue

@@ -6,11 +6,19 @@
       <a v-for="(lang, locale) in $language.available" :key="locale" :href="'/' + locale + '/'" class="menu-item">
         {{lang}}
       </a>
+
+      <hr></hr>
+
+      <a class="menu-item add-your-language" target="_blank" href="https://weblate.framasoft.org/projects/peertube-search-index/client/">
+        Translate
+      </a>
     </div>
   </div>
 </template>
 
 <style lang="scss">
+  @import '../scss/_variables';
+
   .interface-language-dropdown {
     img {
       cursor: pointer;
@@ -25,12 +33,25 @@
       cursor: pointer;
       display: flex;
       flex-direction: column;
-      font-size: 1rem;
-      list-style: none;
-      margin: .125rem 0 0;
       padding: .5rem 0;
       position: absolute;
       text-align: left;
+      font-size: 14px;
+
+      a {
+        text-decoration: none;
+      }
+
+      hr {
+        border: 0;
+        border-top: 1px solid $grey;
+        width: calc(100% - 20px);
+        margin: 10px;
+      }
+
+      .add-your-language {
+        font-weight: bold;
+      }
     }
 
     .menu-item {