feat: update frontend to work with v2 backend — camelCase, new endpoints, nested author

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

@@ -26,7 +26,7 @@ export default async function FollowersPage({ params }: FollowersPageProps) {
         <p className="text-muted-foreground">Users following @{username}.</p>
       </header>
       <main>
-        <UserListCard users={followersData.users} />
+        <UserListCard users={followersData.items} />
       </main>
     </div>
   );

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

@@ -26,7 +26,7 @@ export default async function FollowingPage({ params }: FollowingPageProps) {
         <p className="text-muted-foreground">Users that @{username} follows.</p>
       </header>
       <main>
-        <UserListCard users={followingData.users} />
+        <UserListCard users={followingData.items} />
       </main>
     </div>
   );

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

@@ -3,6 +3,7 @@ import {
   getFollowingList,
   getFriends,
   getMe,
+  getTopFriends,
   getUserProfile,
   getUserThoughts,
   Me,
@@ -55,33 +56,31 @@ export default async function ProfilePage({ params }: ProfilePageProps) {
   const me = meResult.status === "fulfilled" ? (meResult.value as Me) : null;
 
   const thoughts =
-    thoughtsResult.status === "fulfilled" ? thoughtsResult.value.thoughts : [];
+    thoughtsResult.status === "fulfilled" ? thoughtsResult.value.items : [];
   const thoughtThreads = buildThoughtThreads(thoughts);
 
   const followersCount =
     followersResult.status === "fulfilled"
-      ? followersResult.value.users.length
+      ? followersResult.value.total
       : 0;
   const followingCount =
     followingResult.status === "fulfilled"
-      ? followingResult.value.users.length
+      ? followingResult.value.total
       : 0;
 
   const isOwnProfile = me?.username === user.username;
-  const isFollowing =
-    me?.following?.some(
-      (followedUser) => followedUser.username === user.username
-    ) || false;
+  const isFollowing = user.isFollowedByViewer;
 
   const authorDetails = new Map<string, { avatarUrl?: string | null }>();
   authorDetails.set(user.username, { avatarUrl: user.avatarUrl });
 
   const friends =
     typeof token === "string"
-      ? (await getFriends(token)).users.map((user) => user.username)
+      ? (await getFriends(token)).users.map((u) => u.username)
       : [];
 
-  const shouldDisplayTopFriends = token && friends.length > 8;
+  const topFriendsData = await getTopFriends(username, token).catch(() => ({ topFriends: [] }));
+  const shouldDisplayTopFriends = topFriendsData.topFriends.length > 0;
 
   return (
     <div id={`profile-page-${user.username}`}>
@@ -195,7 +194,7 @@ export default async function ProfilePage({ params }: ProfilePageProps) {
             </Card>
 
             {shouldDisplayTopFriends && (
-              <TopFriends mode="top-friends" usernames={user.topFriends} />
+              <TopFriends mode="top-friends" usernames={topFriendsData.topFriends} />
             )}
             {token && <TopFriends mode="friends" usernames={friends || []} />}
           </div>