sur Intl.NumberFormat to format currency in billing history

app/settings/components/billing/billing-history.tsx

@@ -46,14 +46,17 @@ export default function BillingHistory() {
 									</tr>
 								</thead>
 								<tbody className="bg-white divide-y divide-gray-200">
-									{typeof payments !== "undefined"
-										? payments.map((payment) => (
+									{payments.map((payment) => (
 										<tr key={payment.id}>
 											<td className="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">
 												<time>{new Date(payment.payout_date).toDateString()}</time>
 											</td>
 											<td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
-														{payment.amount} {payment.currency}
+												{Intl.NumberFormat(undefined, {
+													style: "currency",
+													currency: payment.currency,
+													currencyDisplay: "narrowSymbol",
+												}).format(payment.amount)}
 											</td>
 											<td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
 												{payment.is_paid === 1 ? "Paid" : "Upcoming"}
@@ -71,8 +74,7 @@ export default function BillingHistory() {
 												) : null}
 											</td>
 										</tr>
-										  ))
-										: null}
+									))}
 								</tbody>
 							</table>
 						</div>