Improve PlayerCard UI

[sookmax]

Related to the discussions: #34 (comment), #34 (comment)

I added flex-shrink: 0; to fundStyle and I hope it's okay..? since if I don't have it, the collapsed UI would look like:

whereas if I have flex-shrink: 0;:

And when the card is expanded, the data is arranged in a way that the funds (funds & funds per turn) are left-aligned and all the other info (which is wrapped in a <Stack>) is right-aligned:

Lastly, the added condition to the winConditions.filter()—!condition.completed?.has(player.id))—ensures that optional objectives are not shown on the screen once completed.

P.S. Sorry, the generated diff looks very unintuitive 😅

[cpojer]

Thank you! I removed the key props since they aren't necessary in those two places.

[sookmax]

Ah right, the funds and the other info are not the same level anymore! Thanks 😁