Increase artist coin page size in buy sell flow (#13249)

### Description
Temp fix for this PR: #13243
Not the ideal solution but will work for now. Real fix involves big
refactor.

### How Has This Been Tested?



https://github.com/user-attachments/assets/c91ee537-0032-4679-8021-a5d17a06e9e4

Author: dharit-tan

packages/common/src/api/tan-query/tokens/useTokenPair.ts

@@ -1,6 +1,9 @@
 import { queryOptions, useQuery } from '@tanstack/react-query'
 
-import { transformArtistCoinsToTokenInfoMap } from '~/api'
+import {
+  TEMP_ARTIST_COINS_PAGE_SIZE,
+  transformArtistCoinsToTokenInfoMap
+} from '~/api'
 import { TokenPair } from '~/store'
 import {
   createFallbackPair,
@@ -54,7 +57,9 @@ export const useTokenPair = (
   options?: Partial<ReturnType<typeof getTokenPairOptions>>
 ) => {
   const context = useQueryContext()
-  const { data: artistCoins = [], isLoading: coinsLoading } = useArtistCoins()
+  const { data: artistCoins = [], isLoading: coinsLoading } = useArtistCoins({
+    pageSize: TEMP_ARTIST_COINS_PAGE_SIZE
+  })
 
   // Create tokens map
   const tokensMap = transformArtistCoinsToTokenInfoMap(artistCoins)

packages/common/src/api/tan-query/tokens/useTokens.ts

@@ -4,9 +4,15 @@ import { transformArtistCoinsToTokenInfoMap, useQueryContext } from '~/api'
 
 import { useArtistCoins } from '../coins/useArtistCoins'
 
+export const TEMP_ARTIST_COINS_PAGE_SIZE = 100
+
 // Simple hook to get tokens from API without the complex pair logic
 export const useTokens = () => {
-  const { data: artistCoins = [], isLoading, error } = useArtistCoins()
+  const {
+    data: artistCoins = [],
+    isLoading,
+    error
+  } = useArtistCoins({ pageSize: TEMP_ARTIST_COINS_PAGE_SIZE })
   const { env } = useQueryContext()
 
   return useMemo(() => {

packages/web/src/components/buy-sell-modal/BuyTab.tsx

@@ -1,6 +1,7 @@
 import { useEffect, useMemo, useRef, useState } from 'react'
 
 import {
+  TEMP_ARTIST_COINS_PAGE_SIZE,
   transformArtistCoinsToTokenInfoMap,
   useArtistCoin,
   useArtistCoins
@@ -68,7 +69,9 @@ export const BuyTab = ({
     onInputValueChange
   })
 
-  const { data: coins } = useArtistCoins()
+  const { data: coins } = useArtistCoins({
+    pageSize: TEMP_ARTIST_COINS_PAGE_SIZE
+  })
   const artistCoins: TokenInfo[] = useMemo(() => {
     return Object.values(transformArtistCoinsToTokenInfoMap(coins ?? []))
   }, [coins])