Add card preview match chat

[DanieloV]

Code:
The implementation is quite ugly, but at least it can be added to all the places needed step by step. Only changed in a few places for now.
Unsure where to put the formatting method though.

Result:
This should help with making the match chat more informative of what's going on.

[sindreslungaard]

I wonder if this could be done on the client-side only so that we don't have to refactor all the existing chat messages. Maybe the json file with card data from #247 can be added to the frontend (or the API response) and used to match against the incoming chat messages? Could also be nice if we want to add some card name autocomplete to admin commands and the lobby chat down the road.

There's surely better ways of doing this but here's one idea for how it could be implemented without being super slow:

// Generated from the json data or API data
const cardNames = {
    "Forbos,": "Forbos, Sanctum Guardian Q", // maybe add the image id to the value as well
    ...
}

function incomingChatMessage(msg) {
    const words = msg.toLowerCase().split(" ");
    const potentialCardsInMessage = [];


    for(const word of words) {
        if(cardNames[word]) {
            potentialCardsInMessage.push(cardNames[word])
        }
    }

    for(card of cardsInMessage) {
        msg.replace(card, "some-formatted-version-of-the-cardname-and-image-id")
    }
}

[DanieloV]

I think this is a good idea, but will require to change quite a few things. Will park this until I get to it again, and made sure nothing depends on it anymore.