Migrate all `useAsyncState` to react-query

<img width="436" alt="image" src="https://user-images.githubusercontent.com/5182324/179360582-d2ef0b97-91ef-43c4-b9a5-7ccf0d65a6de.png">

There are still around 16 components that use `useAsyncState` to fetch api. 
To meet the latest project standard for better caching mechanism, maintainance and re-usability, everything should be migrated to react-query