client: display moved information on profile

locales/en-US.yml

@@ -826,6 +826,7 @@ oauthErrorGoBack: "An error happened while trying to authenticate a 3rd party ap
     \ Please go back and try again."
 appAuthorization: "App authorization"
 noPermissionsRequested: "(No permissions requested.)"
+movedTo: "This user has moved to {handle}."
 _emailUnavailable:
   used: "This email address is already being used"
   format: "The format of this email address is invalid"

packages/client/src/pages/user/home.vue

@@ -9,6 +9,16 @@
 			<div class="profile">
 				<MkRemoteCaution v-if="user.host != null" :href="user.url" class="warn"/>
 
+				<MkInfo v-if="user.movedTo" class="moved">
+					<I18n :src="i18n.ts.movedTo" tag="span">
+						<template #handle>
+							<MkA :to="userPage(user.movedTo)" style="color: var(--accent);">
+								<MkAcct :user="user.movedTo"/>
+							</MkA>
+						</template>
+					</I18n>
+				</MkInfo>
+
 				<div :key="user.id" class="_block main">
 					<div class="banner-container" :style="style">
 						<div ref="bannerEl" class="banner" :style="style"></div>
@@ -193,6 +203,10 @@ onUnmounted(() => {
 
 		> .profile {
 
+			> .moved {
+				margin-bottom: 1em;
+			}
+
 			> .main {
 				position: relative;
 				overflow: hidden;