fix: full fediverse handle display + follower count includes remote

thoughts-frontend/app/users/[username]/page.tsx

@@ -3,6 +3,8 @@ import {
   getFollowersList,
   getFollowingList,
   getMe,
+  getRemoteFollowers,
+  getRemoteFollowing,
   getTopFriends,
   getUserProfile,
   getUserThoughts,
@@ -95,16 +97,27 @@ export default async function ProfilePage({ params }: ProfilePageProps) {
     thoughtsResult.status === "fulfilled" ? thoughtsResult.value.items : [];
   const thoughtThreads = buildThoughtThreads(thoughts);
 
-  const followersCount =
+  const localFollowersCount =
     followersResult.status === "fulfilled"
       ? followersResult.value.total
       : 0;
-  const followingCount =
+  const localFollowingCount =
     followingResult.status === "fulfilled"
       ? followingResult.value.total
       : 0;
 
   const isOwnProfile = me?.username === user.username;
+
+  const [remoteFollowersCount, remoteFollowingCount] =
+    isOwnProfile && token
+      ? await Promise.all([
+          getRemoteFollowers(token).then((r) => r.length).catch(() => 0),
+          getRemoteFollowing(token).then((r) => r.length).catch(() => 0),
+        ])
+      : [0, 0];
+
+  const followersCount = localFollowersCount + remoteFollowersCount;
+  const followingCount = localFollowingCount + remoteFollowingCount;
   const isFollowing = user.isFollowedByViewer;
 
   const apiDomain = process.env.NEXT_PUBLIC_API_URL