player card added

src/components/admin-ledger.tsx

@@ -2,6 +2,7 @@
 
 import Link from "next/link";
 import { useMemo } from "react";
+import { ClickableUserId } from "@/components/clickable-user-id";
 import { buildDashboardHref } from "@/lib/dashboard-search-url";
 import { formatRcLabelFromCoinsBigInt } from "@/lib/coins-rc";
 import { auditMatchEconomics } from "@/lib/ledger-match-audit";
@@ -199,17 +200,7 @@ export function AdminLedger({
     const un = usernameById.get(id);
     return (
       <span className="font-mono text-xs">
-        <Link
-          href={buildDashboardHref({
-            tab: "players",
-            highlightId: String(id),
-            participantRaw,
-          })}
-          className="text-sky-700 underline decoration-sky-400/60 underline-offset-2 hover:text-sky-900 dark:text-sky-300 dark:hover:text-sky-100"
-          scroll={false}
-        >
-          {id}
-        </Link>
+        <ClickableUserId id={id} />
         {un != null && un !== "" ? (
           <span className="text-zinc-600 dark:text-zinc-400"> ({un})</span>
         ) : null}