Display placement result rather than W-L totals for FFA modes

[francislavoie]

Currently for FFA modes we show W-L where W is if you get first and L is 2nd-3rd-4th which makes it really unbalanced and sad looking. It greatly devalues arriving 2nd place which is still a strong achievement. For example:

https://w3champions.com/player/Laa2y2%232221

So we should adjust the launcher and website to present this more nicely. (Note the placement would be the "team placement" e.g. could have team FFA with 2 people per team, 4 teams, 8 people total).

• Backend: Add placement rank to places where there's a won: boolean in the APIs, namely match history.
• Backend: Collect stats totals for placement rather than just win/loss { 1: 5, 2: 4, 3: 8, 4: 10 } i.e. 1st 5x, 2nd 4x etc, for display in profile. Winrate would be replaced with average placement, i.e. sum(placement-num of each game) / total games like (1+2+4+2+3) / 5 -> avg 2.4
• Design: Ideally we'd want to use different colours than simply green/red, to make it easy to scan, 1st can be green but we should maybe avoid red, or reserve it for last place. What "last place" is can depend though cause not all FFA modes need to be 4 player. Colors need to look good on both light and dark backgrounds, can have differently saturated variants for light/dark if necessary.
• Website & Launcher: Replace last 10 games performance W/L icons with placement number, we need small icons designed for that.
  
• Website & Launcher: W-L totals display would probably be replaced with 1st-2nd-3rd-4th (e.g. 5-4-8-10) with matching placement color.
  
• Website & Launcher: Match history table would order the player results by placement, use the placement colors. Also on the match result page in website (same component I think).
  

[marcoabreu]

If finding the right colors for every placement is too tricky, maybe we simplify by focusing on just the top three. We could adopt a “Gold, Silver, Bronze” approach - widely recognized and easy to parse.

In this model, we’d display how often a player placed in the top 3, and group everything else as “Other.” For example, something like:

Rank4 | 5 - 10 - 8 - 50
(Gold - Silver - Bronze - Other)

This could also be reflected in icons and lists, using corresponding medal colors for clarity. It keeps things visually intuitive while sidestepping the challenge of designing a full placement-based color palette.

[francislavoie]

Yeah we can do that, my concern with those colors is usually that "silver" is really just a light-grey if you pick a single color, but silver usually has "shine" to make it look silver, so it can be awkward for text which is a single color, and doesn't work well on white background etc. Not sure what the "other" color would be (if silver is used then "grey" is already used so what's left?). Also we already have "gold" as our primary accent color so it can clash with that and not look distinct.

[marcoabreu]

Yeah we could of course adjust the color scheme, but would the overall concept make sense? It would allow us to have a limited scope without having to design every aspect for 24 players