Table sorting based on async data

[rkalis]

Right now we have a few different pieces of async data in the table that are handled differently.

The approved spender labels are loaded asynchronously (so the rest of the table renders while they are still resolving). This happens through a useQuery in the SpenderCell.tsx file that makes a GET request to retrieve the associated label.

On the other hand, token pricing is loaded in a blocking manner, meaning that it blocks the loading of the rest of the table until pricing information is fetched.

As a result, pricing information can be used for sorting in TanStack Table (since it is included in the data passed into TanStack Table), while spender labels cannot be used for sorting, since the data is retrieved in a separate useQuery. At the same time, pricing information does block the load of the entire table, which is not ideal.

Ideally, we would be able to load this data in a non-blocking manner, while still being able to use this data for sorting/filtering in TanStack Table. I'm not sure how to best tackle this issue though, so help is definitely wanted.