[Feature] Redirect remote user to internal ID

Resolve remote user's host name and user name into internal ID, and redirect to that.

• /remote-users/:username@:hostname -> /users/:id
• /remote-users/@:username@:hostname -> /users/:id
• /remote-users/:hostname/:username -> /users/:id

Usecase

Some implementations of decentralized social network, such as Misskey, have no explicit remote follow feature on their standard web UI. In case of following from Pleroma (e. g. pleroma.example.com) to Misskey (e. g. exampleuser@misskey.io), first we can open the URL https://pleroma.example.com/remote-user/@exampleuser@misskey.io, redirected into https://pleroma.example.com/users/INTERNAL_ID, and we can push the follow button.

src/boot/routes.js

@@ -18,6 +18,7 @@ import AuthForm from 'components/auth_form/auth_form.js'
 import ChatPanel from 'components/chat_panel/chat_panel.vue'
 import WhoToFollow from 'components/who_to_follow/who_to_follow.vue'
 import About from 'components/about/about.vue'
+import RemoteUserResolver from 'components/remote_user_resolver/remote_user_resolver.vue'
 
 export default (store) => {
   const validateAuthenticatedRoute = (to, from, next) => {
@@ -42,6 +43,16 @@ export default (store) => {
     { name: 'friends', path: '/main/friends', component: FriendsTimeline, beforeEnter: validateAuthenticatedRoute },
     { name: 'tag-timeline', path: '/tag/:tag', component: TagTimeline },
     { name: 'conversation', path: '/notice/:id', component: ConversationPage, meta: { dontScroll: true } },
+    { name: 'remote-user-profile-acct',
+      path: '/remote-users/(@?):username([^/@]+)@:hostname([^/@]+)',
+      component: RemoteUserResolver,
+      beforeEnter: validateAuthenticatedRoute
+    },
+    { name: 'remote-user-profile',
+      path: '/remote-users/:hostname/:username',
+      component: RemoteUserResolver,
+      beforeEnter: validateAuthenticatedRoute
+    },
     { name: 'external-user-profile', path: '/users/:id', component: UserProfile },
     { name: 'interactions', path: '/users/:username/interactions', component: Interactions, beforeEnter: validateAuthenticatedRoute },
     { name: 'dms', path: '/users/:username/dms', component: DMs, beforeEnter: validateAuthenticatedRoute },