Fix mutualApproved timing - load before rendering leaderboard

index.html

@@ -942,8 +942,10 @@ function loadFriendsRealtime() {
   const unsubFriends = onSnapshot(myFriendsRef, async (snap) => {
     friendsData = {};
     snap.forEach(d => { friendsData[d.id] = d.data(); });
-    const mutualUids = getMutualFriendUids();
+    const approvedUids = Object.entries(friendsData)
-    await loadFriendProfilesAndSteps(mutualUids);
+      .filter(([uid, data]) => data.approved === true && data.enabled === true)
+      .map(([uid]) => uid);
+    await loadFriendProfilesAndSteps(approvedUids);
     renderLeaderboard();
     renderManageFriends();
     updateBadge();