Fix Long Recipient Name in TxRecipientCard

[helciofranco]

Long recipient names in the TxRecipientCard component are not truncated properly.
Let's update to display names in a single line for better readability and layout consistency.

Suggestion

1. Apply CSS text-overflow: ellipsis for truncation.
2. Add a tooltip to show the full text on hover if truncation occurs.

Tooltip Implementation reference

fuels-wallet/packages/app/src/systems/Asset/components/AssetItem/AssetItemAmount.tsx

Lines 30 to 35 in 9cb81db

	useEffect(() => {
	if (!tooltip && amountRef.current) {
	const amountEl = amountRef.current;
	setIsTruncated(amountEl.scrollWidth > amountEl.clientWidth);
	}
	}, [tooltip]);

Evidence

📷 TxRecipientCard