fix(shared): show full description and notes in split transactions table

src/app/shared/page.tsx

@@ -306,9 +306,14 @@ export default function SharedPage() {
                 return (
                   <tr key={tx.id} className="border-b border-zinc-800/50 hover:bg-zinc-800/30">
                     <td className="px-4 py-3 text-zinc-400 whitespace-nowrap">{formatDate(tx.transaction_date)}</td>
-                    <td className="px-4 py-3">
-                      <p className="font-medium truncate max-w-48">{tx.effective_merchant || tx.description}</p>
-                      <p className="text-xs text-zinc-500 truncate max-w-48">{tx.description}</p>
+                    <td className="px-4 py-3 max-w-xs">
+                      <p className="font-medium break-words">{tx.effective_merchant || tx.description}</p>
+                      {tx.effective_merchant && (
+                        <p className="text-xs text-zinc-500 break-words">{tx.description}</p>
+                      )}
+                      {tx.notes && (
+                        <p className="text-xs text-zinc-500 italic mt-0.5 break-words">{tx.notes}</p>
+                      )}
                     </td>
                     <td className={`px-4 py-3 text-right font-medium tabular-nums ${SPEND_TYPES.has(tx.transaction_type) ? "" : "text-green-400"}`}>
                       {formatAmount(tx.amount, tx.transaction_type)}