feat: load players in session

src/Rankings.tsx

@@ -1,6 +1,6 @@
 import { ButtonHTMLAttributes, useEffect, useRef, useState } from "react";
 import { ReactSortable, ReactSortableProps } from "react-sortablejs";
-import { apiAuth, loadPlayers, User } from "./api";
+import { apiAuth, User } from "./api";
 import { TeamState, useSession } from "./Session";
 import { Chemistry, MVPRanking, PlayerType } from "./types";
 import TabController from "./TabController";
@@ -451,14 +451,7 @@ function HeaderControl({ onLoad, onClear }: HeaderControlProps) {
 }
 
 export default function Rankings() {
-  const { user, teams } = useSession();
-  const [players, setPlayers] = useState<User[] | null>(null);
-
-  useEffect(() => {
-    if (teams) {
-      loadPlayers(teams.activeTeam).then((data) => setPlayers(data));
-    }
-  }, [user, teams]);
+  const { user, teams, players } = useSession();
 
   const tabs = [
     { id: "Chemistry", label: "🧪 Chemistry" },