Merge pull request #645 from Priyanka0205-CSE/fix/accessibility-keyboard-aria-640

fix(accessibility): improve keyboard navigation and ARIA labeling in Profile (#640)

Author: indresh404

src/pages/Friends.jsx

@@ -185,12 +185,18 @@ export const Friends = () => {
       ? leaderboardStandings
       : connections[activeTab] || [];
   const filteredDevelopers = React.useMemo(() => {
-    return activeDevelopers.filter((dev) => {
-      if (selectedCollege === "All") return true;
-      return dev.college === selectedCollege;
-    });
-  }, [activeDevelopers, selectedCollege]);
+  // 1. Calculate activeDevelopers INSIDE the memo
+  const activeDevelopers =
+    activeTab === "leaderboard"
+      ? leaderboardStandings
+      : connections[activeTab] || [];
 
+  // 2. Perform the filter
+  return activeDevelopers.filter((dev) => {
+    if (selectedCollege === "All") return true;
+    return dev.college === selectedCollege;
+  });
+}, [activeTab, leaderboardStandings, connections, selectedCollege]);
   const tabCopy = {
     friends:
       "Developers who follow you back and collaborate with you across RankerHub.",