fix: price labels use user's selected currency instead of hardcoded $

Replaced hardcoded "Price ($)" labels across 6 components and 2 locale
files to display the user's selected currency (EUR, GBP, USD, etc.).
AddToCollectionModal also updated to show correct currency.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/client/components/AddToCollectionModal.tsx

@@ -1,6 +1,7 @@
 import { useEffect, useState } from "react";
 import { toast } from "sonner";
 import { useCategories } from "../hooks/useCategories";
+import { useCurrency } from "../hooks/useCurrency";
 import { useCreateItem } from "../hooks/useItems";
 import { useUIStore } from "../stores/uiStore";
 import { CategoryPicker } from "./CategoryPicker";
@@ -12,6 +13,7 @@ export function AddToCollectionModal() {
 	const closeAddToCollection = useUIStore((s) => s.closeAddToCollection);
 
 	const { data: categories } = useCategories();
+	const { currency } = useCurrency();
 	const createItem = useCreateItem();
 
 	const [categoryId, setCategoryId] = useState<number | null>(null);
@@ -127,7 +129,7 @@ export function AddToCollectionModal() {
 							htmlFor="collection-price"
 							className="block text-sm font-medium text-gray-700 mb-1"
 						>
-							Purchase Price ($)
+							Purchase Price ({currency})
 						</label>
 						<input
 							id="collection-price"