[PE-7252] Always show user's launched coin (#13334)

### Description
If a user has launched an artist coin we should always show it in their
"Your Coins" section even if they have 0 balance, so that they access
fee + vested coins claiming.

### How Has This Been Tested?

with 0 balance on $REED:
<img width="1920" height="1080" alt="Screenshot 2025-10-29 at 3 27
53 PM"
src="https://github.com/user-attachments/assets/b463c3d3-b0be-49ed-8bc1-16ad1e94ea37"
/>

with balance on $REED:
<img width="1920" height="1080" alt="Screenshot 2025-10-29 at 3 27
01 PM"
src="https://github.com/user-attachments/assets/02edf1bf-3047-437d-a093-ccc573a93b86"
/>

Author: dharit-tan

packages/mobile/src/screens/wallet-screen/components/YourCoins.tsx

@@ -1,13 +1,14 @@
 import React, { useCallback } from 'react'
 
 import {
+  useArtistOwnedCoin,
   useCurrentUserId,
   useQueryContext,
   useUserCoins
 } from '@audius/common/api'
-import { ownedCoinsFilter } from '@audius/common/hooks'
 import { buySellMessages, walletMessages } from '@audius/common/messages'
 import { AUDIO_TICKER } from '@audius/common/store'
+import { removeNullable } from '@audius/common/utils'
 import { TouchableOpacity } from 'react-native'
 
 import {
@@ -96,13 +97,25 @@ export const YourCoins = () => {
   const { data: artistCoins, isPending: isLoadingCoins } = useUserCoins({
     userId: currentUserId
   })
-
-  const filteredCoins =
-    artistCoins?.filter(ownedCoinsFilter(env.WAUDIO_MINT_ADDRESS)) ?? []
+  const { data: artistOwnedCoin } = useArtistOwnedCoin(currentUserId)
+  const audioCoin = artistCoins?.find(
+    (coin) => coin?.mint === env.WAUDIO_MINT_ADDRESS
+  )
+  const otherCoins = artistCoins?.filter(
+    (coin) =>
+      coin?.mint !== env.WAUDIO_MINT_ADDRESS &&
+      coin?.mint !== artistOwnedCoin?.mint &&
+      coin?.balance > 0
+  )
+  const orderedCoins = [
+    audioCoin,
+    artistOwnedCoin,
+    ...(otherCoins ?? [])
+  ].filter(removeNullable)
 
   // Show audio coin card when no coins are available
   const coins =
-    filteredCoins.length === 0 ? ['audio-coin' as const] : filteredCoins
+    orderedCoins.length === 0 ? ['audio-coin' as const] : orderedCoins
 
   // Add discover artist coins card at the end
   const cards = [...coins, 'discover-artist-coins' as const]

packages/web/src/pages/pay-and-earn-page/components/YourCoins.tsx

@@ -3,20 +3,20 @@ import { Fragment, useCallback, useContext, useState } from 'react'
 import {
   UserCoin,
   useArtistCoin,
+  useArtistOwnedCoin,
   useCurrentUserId,
   useQueryContext,
   useUserCoins
 } from '@audius/common/api'
 import {
   useFeatureFlag,
   useFormattedCoinBalance,
-  useIsManagedAccount,
-  ownedCoinsFilter
+  useIsManagedAccount
 } from '@audius/common/hooks'
 import { buySellMessages, walletMessages } from '@audius/common/messages'
 import { FeatureFlags } from '@audius/common/services'
 import { useBuySellModal } from '@audius/common/store'
-import { route } from '@audius/common/utils'
+import { removeNullable, route } from '@audius/common/utils'
 import {
   Box,
   Button,
@@ -267,15 +267,28 @@ export const YourCoins = () => {
   const { data: artistCoins, isPending: isLoadingCoins } = useUserCoins({
     userId: currentUserId
   })
+  const { data: artistOwnedCoin } = useArtistOwnedCoin(currentUserId)
+  const audioCoin = artistCoins?.find(
+    (coin) => coin?.mint === env.WAUDIO_MINT_ADDRESS
+  )
+  const otherCoins = artistCoins?.filter(
+    (coin) =>
+      coin?.mint !== env.WAUDIO_MINT_ADDRESS &&
+      coin?.mint !== artistOwnedCoin?.mint &&
+      coin?.balance > 0
+  )
+  // Ensure that the artist owned coin appears first in the list
+  const orderedCoins = [
+    audioCoin,
+    artistOwnedCoin,
+    ...(otherCoins ?? [])
+  ].filter(removeNullable)
 
   const { isLarge } = useMedia()
 
-  const filteredCoins =
-    artistCoins?.filter(ownedCoinsFilter(env.WAUDIO_MINT_ADDRESS)) ?? []
-
   // Show audio coin card when no coins are available
   const coins =
-    filteredCoins.length === 0 ? ['audio-coin' as const] : filteredCoins
+    orderedCoins.length === 0 ? ['audio-coin' as const] : orderedCoins
   // Add discover artist coins card at the end
   const allCoins = [...coins, 'discover-artist-coins' as const]