Use Habbo currency PNGs for admin credits, duckets, and diamonds icons.

Co-authored-by: Cursor <[email protected]>

src/app/admin/catalog/[id]/catalog-items-table/catalog-items-table.tsx

@@ -47,6 +47,10 @@ import {
 import { BulkImportItems } from "@/components/admin/catalog/bulk-import-items";
 import { ItemsShopPreview } from "@/components/admin/catalog/items-shop-preview";
 import { QuickAddFurni } from "@/components/admin/catalog/quick-add-furni";
+import {
+	CurrencyIcon,
+	currencyKindFromPointsType,
+} from "@/components/shared/currency-icon";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
@@ -1257,15 +1261,24 @@ export function CatalogItemsTable({
 																		</span>
 																	</div>
 																) : (
-																	<div className="text-xs">
+																	<div className="text-xs flex flex-wrap items-center gap-1.5">
 																		{item.costCredits > 0 && (
-																			<span className="text-[var(--admin-warning)]">
-																				{item.costCredits}c{" "}
+																			<span className="inline-flex items-center gap-0.5 text-[var(--admin-warning)]">
+																				<CurrencyIcon kind="credits" size={12} />
+																				{item.costCredits}
 																			</span>
 																		)}
 																		{item.costPoints > 0 && (
-																			<span className={pts.color}>
-																				{item.costPoints} {pts.label}{" "}
+																			<span
+																				className={`inline-flex items-center gap-0.5 ${pts.color}`}
+																			>
+																				<CurrencyIcon
+																					kind={currencyKindFromPointsType(
+																						item.pointsType,
+																					)}
+																					size={12}
+																				/>
+																				{item.costPoints}
 																			</span>
 																		)}
 																		{item.costCredits === 0 &&