userid tooltip

website/client/src/pages/settings/siteDataRows/userIdRow.vue

@@ -1,14 +1,20 @@
 <template>
   <tr>
     <td class="settings-label">
-      <div class="d-flex align-items-center">
+      <div
+        v-once
+        class="d-flex align-items-center"
+      >
         {{ $t("userId") }} <information-icon
           tooltip-id="userId"
-          tooltip="TODO"
+          :tooltip="$t('userIdTooltip')"
         />
       </div>
     </td>
-    <td class="settings-value">
+    <td
+      v-once
+      class="settings-value"
+    >
       {{ user.id }}
     </td>
     <td class="settings-button">

website/common/locales/en/settings.json

@@ -51,6 +51,7 @@
     "yourUserDataDisclaimer": "Here you can download a copy of your task history or your full user data.",
     "exportUserData": "Export User Data:",
     "useridCopied": "User ID copied to clipboard.",
+    "userIdTooltip": "The User ID is a unique number that Habitica automatically generates when a player joins, similar to a Username. However, unlike the Username, a User ID can not be changed.",
     "developerMode": "Developer Mode",
     "developerModeTooltip": "Habitica provides a developer mode to enable additional features that interact with Habitica's API.",
     "export": "Export",