[pharwasz]

Summary

Redesigns the transaction card in the home feed (mobileapp/app/(personal)/home.tsx) so it's easier to scan.

Changes

• Paired initials avatars for sender and receiver
• Aligned FROM / TO rows with each party's name
• Amount shown in a compact pill with its currency symbol
• Note displayed in its own grey box
• Like and comment counts and interactions are unchanged
• Removed the unused boldText style left over from the old inline payment sentence

Notes

• Avatars are initials-based, not profile photos, because the feed data has no avatar URLs.
• The card is still rendered inline in home.tsx rather than extracted into a reusable component. I kept the change small; happy to extract it in a follow-up.
• tsc --noEmit reports 3 errors in home.tsx (lines 854, 865 and 983: availableBalance, totalYieldEarned and styles.earningHint). They're in the balance/yield section, not the feed card, and are not addressed here.
• The project pins TypeScript 5.9.3 but tsconfig.json uses "ignoreDeprecations": "6.0", so tsc only runs cleanly on 6.x. This is unrelated to this PR.

Testing

• Editor diagnostics show no errors on home.tsx
• Type-checked with npx -p typescript@6 tsc --noEmit; the only home.tsx errors are the 3 listed above

closes #883

[drips-wave]

@pharwasz Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

[ONEONUORA]

Great job @pharwasz