Order the Games in a better way

[willianjusten]

We should display in the following order:

• Games Happening (2)
• Games that will happen (1)
• Games finished (3)

Similar to what NBA does:

Probably you can create a method like:

function customSort(a, b) {
    const priority = {
        2: 0, // Games Happening
        1: 1, // Games that will happen
        3: 2  // Games finished
    };

    return priority[a.status] - priority[b.status];
}

data.sort(customSort);

We have those in 2 places as I'm aware of:

• https://github.com/willianjusten/nba-nextjs/blob/main/src/components/games/index.tsx#L45-L46
• https://github.com/willianjusten/nba-nextjs/blob/main/src/app/games/%5Bdate%5D/page.tsx#L37-L38

We can even might refactor to be only one component