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

thoughts-frontend/app/page.tsx

@@ -3,6 +3,7 @@ import {
   getFeed,
   getFriends,
   getMe,
+  getTopFriends,
   getUserProfile,
   Me,
   User,
@@ -60,7 +61,7 @@ async function FeedPage({
   const { items: allThoughts, totalPages } = feedData!;
   const thoughtThreads = buildThoughtThreads(allThoughts);
 
-  const authors = [...new Set(allThoughts.map((t) => t.authorUsername))];
+  const authors = [...new Set(allThoughts.map((t) => t.author.username))];
   const userProfiles = await Promise.all(
     authors.map((username) => getUserProfile(username, token).catch(() => null))
   );
@@ -72,10 +73,10 @@ async function FeedPage({
   );
 
   const friends = (await getFriends(token)).users.map((user) => user.username);
-  const shouldDisplayTopFriends =
-    token && me?.topFriends && me.topFriends.length > 8;
-
-  console.log("Should display top friends:", shouldDisplayTopFriends);
+  const topFriendsData = me
+    ? await getTopFriends(me.username, token).catch(() => ({ topFriends: [] }))
+    : { topFriends: [] };
+  const shouldDisplayTopFriends = topFriendsData.topFriends.length > 0;
 
   return (
     <div className="container mx-auto max-w-6xl p-4 sm:p-6">
@@ -96,7 +97,7 @@ async function FeedPage({
           <div className="block lg:hidden space-y-6">
             <PopularTags />
             {shouldDisplayTopFriends && (
-              <TopFriends mode="top-friends" usernames={me.topFriends} />
+              <TopFriends mode="top-friends" usernames={topFriendsData.topFriends} />
             )}
             {!shouldDisplayTopFriends && token && friends.length > 0 && (
               <TopFriends mode="friends" usernames={friends || []} />
@@ -141,7 +142,7 @@ async function FeedPage({
           <div className="sticky top-20 space-y-6">
             <PopularTags />
             {shouldDisplayTopFriends && (
-              <TopFriends mode="top-friends" usernames={me.topFriends} />
+              <TopFriends mode="top-friends" usernames={topFriendsData.topFriends} />
             )}
             {!shouldDisplayTopFriends && token && friends.length > 0 && (
               <TopFriends mode="friends" usernames={friends || []} />