fix: use currency icons in public balances

src/app/(site)/rankings/page.tsx

@@ -7,6 +7,7 @@ import {
 	OnlineBadge,
 	RankBadge,
 } from "@/components/public/ui";
+import { CurrencyIcon } from "@/components/shared/currency-icon";
 import { UserAvatarThumbnail } from "@/components/shared/user-avatar-thumbnail";
 import { db, User } from "@/lib/db";
 
@@ -69,7 +70,7 @@ export default async function RankingsPage() {
 											<Link href={`/u/${u.username}`}>{u.username}</Link>
 										</h3>
 										<p className="currency" style={{ margin: "0 0 0.3rem" }}>
-											<span className="coin credits">c</span>
+											<CurrencyIcon kind="credits" size={22} alt="" />
 											{u.credits.toLocaleString()}
 										</p>
 										<OnlineBadge online={u.online === "1"} />