money: wishlist tier totals fit on one line (compact €, scales with card, exact amount in tooltip)

src/routes/trackers/money/+page.svelte

@@ -17,7 +17,7 @@
 	import Download from 'lucide-svelte/icons/download';
 	import MoneyChart from '#lib/money-tracker/MoneyChart.svelte';
 	import QuickAdd from '#lib/money-tracker/QuickAdd.svelte';
-	import { sortWishlist, tierClass } from '#lib/money-tracker/wishlist.js';
+	import { compactAmount, sortWishlist, tierClass } from '#lib/money-tracker/wishlist.js';
 	import { Badge } from '#lib/components/ui/badge/index.js';
 	import { resolve } from '$app/paths';
 	import { page } from '$app/state';
@@ -706,7 +706,8 @@
 			<div class="wish-tier-grid">
 				{#each wishTiers as row (row.tier)}<div class={tierClass(row.tier)}>
 						<span class="eyebrow">{row.tier === 5 ? 'Tier 5' : `5–${row.tier}`}</span><strong
-							>{amount(row.value)}</strong
+							title={amount(row.value)}
+							><span class="currency">€&nbsp;</span>{compactAmount(row.value)}</strong
 						><small>{row.count} {row.count === 1 ? 'item' : 'items'}</small>
 					</div>{/each}
 			</div>