Provide more specific payout method names on frontend (#4977)

* Provide more specific payout method names on frontend

Been getting a lot of confused tickets recently of people withdrawing to PayPal but then not recognizing what "Tremendous" means. This should clarify things.

* feat: improve icons + names for withdrawals

* Update apps/frontend/src/components/ui/dashboard/RevenueTransaction.vue

Co-authored-by: Emma Alexia <emma@modrinth.com>
Signed-off-by: Calum H. <hendersoncal117@gmail.com>

* fix: icons

* fix: object cover

* feat: icons for crypto + bank

* fix: remove empty null

* fix: qa

---------

Signed-off-by: Calum H. <hendersoncal117@gmail.com>
Co-authored-by: Calum H. <contact@cal.engineer>

apps/frontend/src/pages/dashboard/revenue/transfers.vue

@@ -95,8 +95,11 @@ import { formatMoney } from '@modrinth/utils'
 import dayjs from 'dayjs'
 
 import RevenueTransaction from '~/components/ui/dashboard/RevenueTransaction.vue'
+import { useGeneratedState } from '~/composables/generated'
+import { findRail } from '~/utils/muralpay-rails'
 
 const { formatMessage } = useVIntl()
+const generatedState = useGeneratedState()
 
 useHead({
 	title: 'Transaction history - Modrinth',
@@ -216,10 +219,24 @@ function transactionsToCSV() {
 					methodOrSource = 'Venmo'
 					break
 				case 'tremendous':
+					if (txn.method_id) {
+						const info = generatedState.value.tremendousIdMap?.[txn.method_id]
+						if (info) {
+							methodOrSource = `Tremendous (${info.name})`
+							break
+						}
+					}
 					methodOrSource = 'Tremendous'
 					break
 				case 'muralpay':
-					methodOrSource = 'Muralpay'
+					if (txn.method_id) {
+						const rail = findRail(txn.method_id)
+						if (rail) {
+							methodOrSource = `${rail.name.defaultMessage}`
+							break
+						}
+					}
+					methodOrSource = 'Mural Pay (Unknown)'
 					break
 				default:
 					methodOrSource = method.charAt(0).toUpperCase() + method.slice(1)