add tooltip to invite button

webapp/components/InviteButton/InviteButton.vue

@@ -1,7 +1,15 @@
 <template>
   <dropdown class="invite-button" offset="8" :placement="placement">
     <template #default="{ toggleMenu }">
-      <base-button icon="user-plus" circle ghost @click.prevent="toggleMenu" />
+      <base-button
+        icon="user-plus"
+        circle ghost
+        v-tooltip="{
+          content: $t('invite-codes.button.tooltip'),
+          placement: 'bottom-start',
+        }"
+        @click.prevent="toggleMenu"
+      />
     </template>
     <template #popover>
       <div class="invite-button-menu-popover">

webapp/locales/de.json

@@ -515,6 +515,9 @@
     "no-results": "Keine Beiträge gefunden."
   },
   "invite-codes": {
+    "button": {
+      "tooltip": "Lade deine Freunde ein"
+    },
     "copy-code": "Einladungslink kopieren",
     "copy-success": "Einladungscode erfolgreich in die Zwischenablage kopiert",
     "not-available": "Du hast keinen Einladungscode zur Verfügung!",

webapp/locales/en.json

@@ -515,6 +515,9 @@
     "no-results": "No contributions found."
   },
   "invite-codes": {
+    "button": {
+      "tooltip": "Invite your friends"
+    },
     "copy-code": "Copy Invite Link",
     "copy-success": "Invite code copied to clipboard",
     "not-available": "You have no valid invite code available!",