style: switch from tab to space indentation in frontend and worker/php

Update biome.json indentStyle from "tab" to "space" and reformat all
files in both workspaces.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

1 files changed, 255 insertions, 255 deletions

diff --git a/frontend/app/pages/TournamentPage.tsx b/frontend/app/pages/TournamentPage.tsx
index 0bf4895..f555ba0 100644
--- a/frontend/app/pages/TournamentPage.tsx
+++ b/frontend/app/pages/TournamentPage.tsx
@@ -11,304 +11,304 @@ type TournamentMatch = components["schemas"]["TournamentMatch"];
 type TournamentEntry = components["schemas"]["TournamentEntry"];
 
 function getBorderColor(match: TournamentMatch, userID?: number): string {
-	if (!match.winner_user_id) {
-		return "border-black";
-	}
-	if (userID !== undefined && match.winner_user_id === userID) {
-		return "border-pink-700";
-	}
-	return "border-gray-400";
+  if (!match.winner_user_id) {
+    return "border-black";
+  }
+  if (userID !== undefined && match.winner_user_id === userID) {
+    return "border-pink-700";
+  }
+  return "border-gray-400";
 }
 
 function PlayerCard({ entry }: { entry: TournamentEntry | undefined }) {
-	if (!entry) {
-		return (
-			<div className="flex flex-col items-center gap-1 p-2 opacity-30">
-				<span className="text-gray-400 text-sm">BYE</span>
-			</div>
-		);
-	}
-	return (
-		<BorderedContainer>
-			<div className="flex flex-col items-center gap-1">
-				<span className="text-gray-600 text-xs">Seed {entry.seed}</span>
-				<span className="font-medium text-sm truncate max-w-full">
-					{entry.user.display_name}
-				</span>
-				{entry.user.icon_path && (
-					<UserIcon
-						iconPath={entry.user.icon_path}
-						displayName={entry.user.display_name}
-						className="w-12 h-12"
-					/>
-				)}
-			</div>
-		</BorderedContainer>
-	);
+  if (!entry) {
+    return (
+      <div className="flex flex-col items-center gap-1 p-2 opacity-30">
+        <span className="text-gray-400 text-sm">BYE</span>
+      </div>
+    );
+  }
+  return (
+    <BorderedContainer>
+      <div className="flex flex-col items-center gap-1">
+        <span className="text-gray-600 text-xs">Seed {entry.seed}</span>
+        <span className="font-medium text-sm truncate max-w-full">
+          {entry.user.display_name}
+        </span>
+        {entry.user.icon_path && (
+          <UserIcon
+            iconPath={entry.user.icon_path}
+            displayName={entry.user.display_name}
+            className="w-12 h-12"
+          />
+        )}
+      </div>
+    </BorderedContainer>
+  );
 }
 
 function MatchCell({ match }: { match: TournamentMatch }) {
-	if (match.is_bye) {
-		return (
-			<div className="flex items-center justify-center h-full opacity-30">
-				<span className="text-gray-400 text-xs">BYE</span>
-			</div>
-		);
-	}
+  if (match.is_bye) {
+    return (
+      <div className="flex items-center justify-center h-full opacity-30">
+        <span className="text-gray-400 text-xs">BYE</span>
+      </div>
+    );
+  }
 
-	const p1Color = match.winner_user_id
-		? match.winner_user_id === match.player1?.user_id
-			? "border-pink-700"
-			: "border-gray-400"
-		: "border-black";
-	const p2Color = match.winner_user_id
-		? match.winner_user_id === match.player2?.user_id
-			? "border-pink-700"
-			: "border-gray-400"
-		: "border-black";
+  const p1Color = match.winner_user_id
+    ? match.winner_user_id === match.player1?.user_id
+      ? "border-pink-700"
+      : "border-gray-400"
+    : "border-black";
+  const p2Color = match.winner_user_id
+    ? match.winner_user_id === match.player2?.user_id
+      ? "border-pink-700"
+      : "border-gray-400"
+    : "border-black";
 
-	return (
-		<div className="flex flex-col gap-1 p-1">
-			<div
-				className={`border-2 ${p1Color} rounded px-2 py-1 text-xs flex justify-between`}
-			>
-				<span className="truncate">{match.player1?.display_name ?? "?"}</span>
-				{match.player1_score !== undefined && (
-					<span className="font-bold ml-1">{match.player1_score}</span>
-				)}
-			</div>
-			<div
-				className={`border-2 ${p2Color} rounded px-2 py-1 text-xs flex justify-between`}
-			>
-				<span className="truncate">{match.player2?.display_name ?? "?"}</span>
-				{match.player2_score !== undefined && (
-					<span className="font-bold ml-1">{match.player2_score}</span>
-				)}
-			</div>
-		</div>
-	);
+  return (
+    <div className="flex flex-col gap-1 p-1">
+      <div
+        className={`border-2 ${p1Color} rounded px-2 py-1 text-xs flex justify-between`}
+      >
+        <span className="truncate">{match.player1?.display_name ?? "?"}</span>
+        {match.player1_score !== undefined && (
+          <span className="font-bold ml-1">{match.player1_score}</span>
+        )}
+      </div>
+      <div
+        className={`border-2 ${p2Color} rounded px-2 py-1 text-xs flex justify-between`}
+      >
+        <span className="truncate">{match.player2?.display_name ?? "?"}</span>
+        {match.player2_score !== undefined && (
+          <span className="font-bold ml-1">{match.player2_score}</span>
+        )}
+      </div>
+    </div>
+  );
 }
 
 function Connector({
-	position,
-	colSpan,
-	match,
+  position,
+  colSpan,
+  match,
 }: {
-	position: number;
-	colSpan: number;
-	match: TournamentMatch | undefined;
+  position: number;
+  colSpan: number;
+  match: TournamentMatch | undefined;
 }) {
-	const leftHalf = colSpan / 2;
-	const rightHalf = colSpan - leftHalf;
+  const leftHalf = colSpan / 2;
+  const rightHalf = colSpan - leftHalf;
 
-	const leftColor = match
-		? getBorderColor(match, match.player1?.user_id)
-		: "border-black";
-	const rightColor = match
-		? getBorderColor(match, match.player2?.user_id)
-		: "border-black";
+  const leftColor = match
+    ? getBorderColor(match, match.player1?.user_id)
+    : "border-black";
+  const rightColor = match
+    ? getBorderColor(match, match.player2?.user_id)
+    : "border-black";
 
-	return (
-		<div
-			className="grid h-8"
-			style={{
-				gridColumn: `${position * colSpan + 1} / span ${colSpan}`,
-			}}
-		>
-			<div
-				className="grid"
-				style={{
-					gridTemplateColumns: `repeat(${colSpan}, 1fr)`,
-				}}
-			>
-				<div
-					className={`border-t-4 border-r-2 ${leftColor}`}
-					style={{ gridColumn: `1 / span ${leftHalf}` }}
-				/>
-				<div
-					className={`border-t-4 border-l-2 ${rightColor}`}
-					style={{ gridColumn: `${leftHalf + 1} / span ${rightHalf}` }}
-				/>
-			</div>
-		</div>
-	);
+  return (
+    <div
+      className="grid h-8"
+      style={{
+        gridColumn: `${position * colSpan + 1} / span ${colSpan}`,
+      }}
+    >
+      <div
+        className="grid"
+        style={{
+          gridTemplateColumns: `repeat(${colSpan}, 1fr)`,
+        }}
+      >
+        <div
+          className={`border-t-4 border-r-2 ${leftColor}`}
+          style={{ gridColumn: `1 / span ${leftHalf}` }}
+        />
+        <div
+          className={`border-t-4 border-l-2 ${rightColor}`}
+          style={{ gridColumn: `${leftHalf + 1} / span ${rightHalf}` }}
+        />
+      </div>
+    </div>
+  );
 }
 
 function TournamentBracket({ tournament }: { tournament: Tournament }) {
-	const { bracket_size, num_rounds, entries, matches } = tournament;
+  const { bracket_size, num_rounds, entries, matches } = tournament;
 
-	const matchByKey = new Map<string, TournamentMatch>();
-	for (const m of matches) {
-		matchByKey.set(`${m.round}-${m.position}`, m);
-	}
+  const matchByKey = new Map<string, TournamentMatch>();
+  for (const m of matches) {
+    matchByKey.set(`${m.round}-${m.position}`, m);
+  }
 
-	const entryBySeed = new Map<number, TournamentEntry>();
-	for (const e of entries) {
-		entryBySeed.set(e.seed, e);
-	}
+  const entryBySeed = new Map<number, TournamentEntry>();
+  for (const e of entries) {
+    entryBySeed.set(e.seed, e);
+  }
 
-	const bracketSeeds = standardBracketSeeds(bracket_size);
+  const bracketSeeds = standardBracketSeeds(bracket_size);
 
-	// Build rows top-to-bottom: final → ... → round 0 → players
-	const rows: React.ReactNode[] = [];
+  // Build rows top-to-bottom: final → ... → round 0 → players
+  const rows: React.ReactNode[] = [];
 
-	// Rounds from top (final) to bottom (round 0)
-	for (let round = num_rounds - 1; round >= 0; round--) {
-		const numPositions = bracket_size / (1 << (round + 1));
-		const colSpan = bracket_size / numPositions;
+  // Rounds from top (final) to bottom (round 0)
+  for (let round = num_rounds - 1; round >= 0; round--) {
+    const numPositions = bracket_size / (1 << (round + 1));
+    const colSpan = bracket_size / numPositions;
 
-		// Match cells for this round
-		const matchCells: React.ReactNode[] = [];
-		for (let pos = 0; pos < numPositions; pos++) {
-			const match = matchByKey.get(`${round}-${pos}`);
-			matchCells.push(
-				<div
-					key={`match-${round}-${pos}`}
-					style={{
-						gridColumn: `${pos * colSpan + 1} / span ${colSpan}`,
-					}}
-				>
-					{match ? <MatchCell match={match} /> : null}
-				</div>,
-			);
-		}
-		rows.push(
-			<div
-				key={`round-${round}`}
-				className="grid"
-				style={{
-					gridTemplateColumns: `repeat(${bracket_size}, 1fr)`,
-				}}
-			>
-				{matchCells}
-			</div>,
-		);
+    // Match cells for this round
+    const matchCells: React.ReactNode[] = [];
+    for (let pos = 0; pos < numPositions; pos++) {
+      const match = matchByKey.get(`${round}-${pos}`);
+      matchCells.push(
+        <div
+          key={`match-${round}-${pos}`}
+          style={{
+            gridColumn: `${pos * colSpan + 1} / span ${colSpan}`,
+          }}
+        >
+          {match ? <MatchCell match={match} /> : null}
+        </div>,
+      );
+    }
+    rows.push(
+      <div
+        key={`round-${round}`}
+        className="grid"
+        style={{
+          gridTemplateColumns: `repeat(${bracket_size}, 1fr)`,
+        }}
+      >
+        {matchCells}
+      </div>,
+    );
 
-		// Connectors below this round's matches
-		const connectors: React.ReactNode[] = [];
-		for (let pos = 0; pos < numPositions; pos++) {
-			const match = matchByKey.get(`${round}-${pos}`);
-			connectors.push(
-				<Connector
-					key={`conn-${round}-${pos}`}
-					position={pos}
-					colSpan={colSpan}
-					match={match}
-				/>,
-			);
-		}
-		rows.push(
-			<div
-				key={`conn-row-${round}`}
-				className="grid"
-				style={{
-					gridTemplateColumns: `repeat(${bracket_size}, 1fr)`,
-				}}
-			>
-				{connectors}
-			</div>,
-		);
-	}
+    // Connectors below this round's matches
+    const connectors: React.ReactNode[] = [];
+    for (let pos = 0; pos < numPositions; pos++) {
+      const match = matchByKey.get(`${round}-${pos}`);
+      connectors.push(
+        <Connector
+          key={`conn-${round}-${pos}`}
+          position={pos}
+          colSpan={colSpan}
+          match={match}
+        />,
+      );
+    }
+    rows.push(
+      <div
+        key={`conn-row-${round}`}
+        className="grid"
+        style={{
+          gridTemplateColumns: `repeat(${bracket_size}, 1fr)`,
+        }}
+      >
+        {connectors}
+      </div>,
+    );
+  }
 
-	// Player cards row (bottom)
-	const playerCards: React.ReactNode[] = [];
-	for (let slot = 0; slot < bracket_size; slot++) {
-		const seed = bracketSeeds[slot]!;
-		const entry = entryBySeed.get(seed);
-		playerCards.push(
-			<div
-				key={`player-${slot}`}
-				style={{ gridColumn: `${slot + 1} / span 1` }}
-			>
-				<PlayerCard entry={entry} />
-			</div>,
-		);
-	}
-	rows.push(
-		<div
-			key="players"
-			className="grid gap-1"
-			style={{ gridTemplateColumns: `repeat(${bracket_size}, 1fr)` }}
-		>
-			{playerCards}
-		</div>,
-	);
+  // Player cards row (bottom)
+  const playerCards: React.ReactNode[] = [];
+  for (let slot = 0; slot < bracket_size; slot++) {
+    const seed = bracketSeeds[slot]!;
+    const entry = entryBySeed.get(seed);
+    playerCards.push(
+      <div
+        key={`player-${slot}`}
+        style={{ gridColumn: `${slot + 1} / span 1` }}
+      >
+        <PlayerCard entry={entry} />
+      </div>,
+    );
+  }
+  rows.push(
+    <div
+      key="players"
+      className="grid gap-1"
+      style={{ gridTemplateColumns: `repeat(${bracket_size}, 1fr)` }}
+    >
+      {playerCards}
+    </div>,
+  );
 
-	return <div className="flex flex-col gap-0">{rows}</div>;
+  return <div className="flex flex-col gap-0">{rows}</div>;
 }
 
 // Exported for testing as standardBracketSeedsForTest
 export { standardBracketSeeds as standardBracketSeedsForTest };
 
 function standardBracketSeeds(bracketSize: number): number[] {
-	const seeds = new Array<number>(bracketSize).fill(0);
-	seeds[0] = 1;
-	for (let size = 2; size <= bracketSize; size *= 2) {
-		const temp = new Array<number>(size).fill(0);
-		for (let i = 0; i < size / 2; i++) {
-			temp[i * 2] = seeds[i]!;
-			temp[i * 2 + 1] = size + 1 - seeds[i]!;
-		}
-		for (let i = 0; i < size; i++) {
-			seeds[i] = temp[i]!;
-		}
-	}
-	return seeds;
+  const seeds = new Array<number>(bracketSize).fill(0);
+  seeds[0] = 1;
+  for (let size = 2; size <= bracketSize; size *= 2) {
+    const temp = new Array<number>(size).fill(0);
+    for (let i = 0; i < size / 2; i++) {
+      temp[i * 2] = seeds[i]!;
+      temp[i * 2 + 1] = size + 1 - seeds[i]!;
+    }
+    for (let i = 0; i < size; i++) {
+      seeds[i] = temp[i]!;
+    }
+  }
+  return seeds;
 }
 
 export default function TournamentPage({
-	tournamentId,
+  tournamentId,
 }: {
-	tournamentId: string;
+  tournamentId: string;
 }) {
-	usePageTitle(`Tournament | ${APP_NAME}`);
+  usePageTitle(`Tournament | ${APP_NAME}`);
 
-	const id = Number(tournamentId);
-	const isValidId = id > 0;
+  const id = Number(tournamentId);
+  const isValidId = id > 0;
 
-	const [tournament, setTournament] = useState<Tournament | null>(null);
-	const [loading, setLoading] = useState(isValidId);
-	const [error, setError] = useState<string | null>(
-		isValidId ? null : "Invalid tournament ID",
-	);
+  const [tournament, setTournament] = useState<Tournament | null>(null);
+  const [loading, setLoading] = useState(isValidId);
+  const [error, setError] = useState<string | null>(
+    isValidId ? null : "Invalid tournament ID",
+  );
 
-	useEffect(() => {
-		if (!isValidId) {
-			return;
-		}
+  useEffect(() => {
+    if (!isValidId) {
+      return;
+    }
 
-		const apiClient = createApiClient();
-		apiClient
-			.getTournament(id)
-			.then(({ tournament }) => setTournament(tournament))
-			.catch(() => setError("Failed to load tournament"))
-			.finally(() => setLoading(false));
-	}, [id, isValidId]);
+    const apiClient = createApiClient();
+    apiClient
+      .getTournament(id)
+      .then(({ tournament }) => setTournament(tournament))
+      .catch(() => setError("Failed to load tournament"))
+      .finally(() => setLoading(false));
+  }, [id, isValidId]);
 
-	if (loading) {
-		return (
-			<div className="min-h-screen bg-gray-100 flex items-center justify-center">
-				<p className="text-gray-500">Loading...</p>
-			</div>
-		);
-	}
+  if (loading) {
+    return (
+      <div className="min-h-screen bg-gray-100 flex items-center justify-center">
+        <p className="text-gray-500">Loading...</p>
+      </div>
+    );
+  }
 
-	if (error || !tournament) {
-		return (
-			<div className="min-h-screen bg-gray-100 flex items-center justify-center">
-				<p className="text-red-500">{error || "Failed to load tournament"}</p>
-			</div>
-		);
-	}
+  if (error || !tournament) {
+    return (
+      <div className="min-h-screen bg-gray-100 flex items-center justify-center">
+        <p className="text-red-500">{error || "Failed to load tournament"}</p>
+      </div>
+    );
+  }
 
-	return (
-		<div className="p-6 bg-gray-100 min-h-screen">
-			<div className="max-w-6xl mx-auto">
-				<h1 className="text-3xl font-bold text-transparent bg-clip-text bg-brand-600 text-center mb-8">
-					{tournament.display_name}
-				</h1>
-				<TournamentBracket tournament={tournament} />
-			</div>
-		</div>
-	);
+  return (
+    <div className="p-6 bg-gray-100 min-h-screen">
+      <div className="max-w-6xl mx-auto">
+        <h1 className="text-3xl font-bold text-transparent bg-clip-text bg-brand-600 text-center mb-8">
+          {tournament.display_name}
+        </h1>
+        <TournamentBracket tournament={tournament} />
+      </div>
+    </div>
+  );
 }