fix: balance card wrong oob swap

internal/ui/components/expense/expense.templ

@@ -86,10 +86,12 @@ templ BalanceCard(spaceID string, balance int, oob bool) {
 	<div
 		id="balance-card"
 		class="border rounded-lg p-4 bg-card text-card-foreground"
-		hx-swap-oob?={ oob }
 		hx-get={ "/app/spaces/" + spaceID + "/components/balance" }
 		hx-trigger="sse:balance_changed"
 		hx-swap="outerHTML"
+		if oob {
+			hx-swap-oob="true"
+		}
 	>
 		<h2 class="text-lg font-semibold">Current Balance</h2>
 		<p class={ "text-3xl font-bold", templ.KV("text-destructive", balance < 0) }>

internal/ui/pages/app_space_expenses.templ

@@ -14,7 +14,7 @@ templ SpaceExpensesPage(space *model.Space, expenses []*model.Expense, balance i
 		<div class="space-y-4">
 			<div class="flex justify-between items-center">
 				<h1 class="text-2xl font-bold">Expenses</h1>
-				@dialog.Dialog(dialog.Props{ ID: "add-expense-dialog" }) {
+				@dialog.Dialog(dialog.Props{ID: "add-expense-dialog"}) {
 					@dialog.Trigger() {
 						@button.Button() {
 							Add Expense
@@ -22,7 +22,9 @@ templ SpaceExpensesPage(space *model.Space, expenses []*model.Expense, balance i
 					}
 					@dialog.Content() {
 						@dialog.Header() {
-							@dialog.Title() { Add Transaction }
+							@dialog.Title() {
+								Add Transaction
+							}
 							@dialog.Description() {
 								Add a new expense or top-up to your space.
 							}
@@ -31,10 +33,8 @@ templ SpaceExpensesPage(space *model.Space, expenses []*model.Expense, balance i
 					}
 				}
 			</div>
-
 			// Balance Card
 			@expense.BalanceCard(space.ID, balance, false)
-
 			// List of expenses
 			<div
 				id="expenses-list"
@@ -84,4 +84,4 @@ templ ExpenseListItem(expense *model.Expense) {
 templ ExpenseCreatedResponse(newExpense *model.Expense, balance int) {
 	@ExpenseListItem(newExpense)
 	@expense.BalanceCard(newExpense.SpaceID, balance, true)
-}
+}