Show hints about remote users

src/components/user_profile/user_profile.vue

@@ -1,5 +1,11 @@
 <template>
   <div>
+    <div
+      v-if="isExternal"
+      class="panel panel-default remote-user-hint"
+    >
+      {{ $t('user_profile.remote_user_hint') }}
+    </div>
     <div
       v-if="user"
       class="user-profile panel panel-default"
@@ -208,6 +214,13 @@
 <style lang="scss">
 @import '../../_variables.scss';
 
+.remote-user-hint {
+  margin-bottom: var(--___columnMargin);
+  padding: 1em;
+  background: var(--alertPopupNeutral);
+  color: var(--alertPopupNeutralText);
+}
+
 .user-profile {
   flex: 2;
   flex-basis: 500px;
@@ -291,6 +304,7 @@
     }
   }
 }
+
 .user-profile-placeholder {
   .panel-body {
     display: flex;

src/i18n/en.json

@@ -1200,7 +1200,8 @@
         "profile_does_not_exist": "Sorry, this profile does not exist.",
         "profile_loading_error": "Sorry, there was an error loading this profile.",
         "timeline_title": "User timeline",
-        "field_validated": "Link Verified"
+        "field_validated": "Link Verified",
+        "remote_user_hint": "Data for remote users may be inaccurate."
     },
     "user_reporting": {
         "add_comment_description": "The report will be sent to your instance moderators. You can provide an explanation of why you are reporting this account below:",

src/i18n/ja_pedantic.json

@@ -1194,7 +1194,8 @@
         "profile_does_not_exist": "このプロフィールは存在しません。",
         "profile_loading_error": "プロフィールの読み込み中にエラーが発生しました。",
         "timeline_title": "ユーザータイムライン",
-        "field_validated": "確認済"
+        "field_validated": "確認済",
+        "remote_user_hint": "リモートユーザーのデータは、不正確な場合があります。"
     },
     "user_reporting": {
         "add_comment_description": "通報はこのインスタンスのモデレーターに送信されます。必要であれば、通報の詳細を追加してください：",