Glitched flag icons in broadcast leaderboard about lila HOT 1 CLOSED

--- a/ui/analyse/src/study/relay/relayLeaderboard.ts
+++ b/ui/analyse/src/study/relay/relayLeaderboard.ts
@@ -1,11 +1,23 @@
 import { Redraw, VNode, looseH as h } from 'common/snabbdom';
 import * as xhr from 'common/xhr';
 import { spinnerVdom as spinner } from 'common/spinner';
-import { RelayPlayer, RoundId } from './interfaces';
-import { playerFed } from '../playerBars';
+import { RoundId } from './interfaces';
 import { userTitle } from 'common/userLink';
 
-interface LeadPlayer extends RelayPlayer {
+interface LeadPlayer { // extends RelayPlayer !!! Conflicting "fed" field, 'string' from /broadcast/<id>/leaderboard vs 'Federation'
+
+  // Duplicate RelayPlayer ...
+  name: string;
+  rating?: number;
+  title?: string;
+  fideId?: number;
+  // ...
+
+  // Deviate from RelayPlayer ...
+  fed?: string;
+  // ...
+
+  // LeadPlayer
   score: number;
   played: number;
 }
@@ -56,7 +68,7 @@ const renderPlayers = (players: LeadPlayer[]): VNode => {
             'th',
             player.fideId
               ? h('a', { attrs: { href: `/fide/${player.fideId}/redirect` } }, [
-                  player.fed && playerFed(player.fed),
+                  player.fed && leadPlayerFedId(player.fed),
                   userTitle(player),
                   player.name,
                 ])
@@ -70,3 +82,8 @@ const renderPlayers = (players: LeadPlayer[]): VNode => {
     ),
   ]);
 };
+
+const leadPlayerFedId = (fedId: string) =>
+  h('img.mini-game__flag', {
+    attrs: { src: site.asset.url(`images/fide-fed/${fedId}.svg`), title: `Federation: ${fedId}` },
+  });