added pocketmoney default droplet

frontend/src/routes/[fam]/[username]/+page.svelte

@@ -633,16 +633,33 @@
 						{@const done = todays.length}
 						{@const pct = total > 0 ? Math.round((done / total) * 100) : 0}
 						{@const s = memberInSummary(m.id)}
+						{@const pm = parentBonusConfigs.find(
+							(c: any) => c.isPocketMoney && c.memberId === m.id
+						)}
 						<div class="member-card">
 							<div class="card-header">
 								<span class="dot" style="background:{m.color}"></span>
 								<span class="member-name">{m.name}</span>
-								<a href="/{famSlug}/{handleOf(m.username)}" class="link">Kanban</a>
+								<Button
+									href="/{famSlug}/{username}/bonuses?s=pocketmoney"
+									variant="secondary"
+									size="sm">Pocket money</Button
+								>
 							</div>
 							<div class="stats">
 								<span>Points: {s?.pointsEarned ?? 0}</span>
 								<span>Money: £{(s?.moneyEarned ?? 0).toFixed(2)}</span>
 							</div>
+							<div class="pocket-row">
+								{#if pm && pm.rewardValue}
+									<span
+										>Pocket money: £{Number(pm.rewardValue).toFixed(2)} · {pm.criteriaValue || 0}% of
+										chores</span
+									>
+								{:else}
+									<span class="unset">Pocket money: amount not set</span>
+								{/if}
+							</div>
 							<div class="progress-row">
 								<span class="label">Today:</span>
 								<div class="bar-wrap">
@@ -1362,6 +1379,15 @@ const res = await fetch('/api/members', {
 		color: #6366f1;
 		text-decoration: none;
 	}
+	.pocket-row {
+		font-size: 0.78rem;
+		color: #6b7280;
+		margin-top: 0.3rem;
+	}
+	.pocket-row .unset {
+		color: #b45309;
+		font-weight: 600;
+	}
 	.stats {
 		display: flex;
 		gap: 0.75rem;