Display merchant location in card transaction details

[MusabShakeel576]

Summary

This PR adds merchant location information (city and country) to card transaction displays across the application. The merchant location is now shown as a secondary line beneath the merchant name in transaction detail views.

Key Changes

• Type definitions: Added merchant_city and merchant_country fields to the CardTransaction interface in lib/types.ts
• Transaction detail page: Updated app/(protected)/(tabs)/activity/[clientTxId].tsx to display merchant location below the merchant name in the page header
• Card transactions list (mobile): Updated app/(protected)/(tabs)/card/details/transactions.tsx to show merchant location in the transaction list items
• Card transactions table (desktop): Updated components/Activity/CardTransactions.tsx to display merchant location in the transaction table rows

Implementation Details

• Merchant location is constructed by combining merchant_city and merchant_country with a space separator
• Empty or undefined location values are filtered out before joining
• Location display is conditional—only shown when location data is available
• Consistent styling applied across all views:
  • Mobile: text-sm text-muted-foreground
  • Desktop table: text-sm text-[#8E8E93]
• All location text uses numberOfLines={1} to prevent overflow in list/table views

https://claude.ai/code/session_01PQ9KnG6RaRm5cbSLkXmXvT

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
solid-app	Ignored		Apr 15, 2026 1:25pm
solid-app-staging	Ignored		Apr 15, 2026 1:25pm