feat: 优化签名热力图与金额展示

src/apps/client/ClientBillingPage.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 import { WalletCards } from 'lucide-react';
-import { Pagination, Tag } from '@/components/ui';
+import { MoneyText, Pagination, Tag } from '@/components/ui';
 import { clientApi, type RechargeOrder } from '@/api/adminApi';
 import { formatCents } from '@/utils/currency';
 import { formatDateTime } from '@/utils/dateTime';
@@ -40,11 +40,11 @@ export function ClientBillingPage() {
       <div className="dashboard-grid enterprise-summary-grid">
         <div className="surface mini-status-card">
           <WalletCards size={22} />
-          <div><span>现金余额</span><strong>¥{formatCents(balanceCents)}</strong><small>充值和扣费后的账面余额。</small></div>
+          <div><span>现金余额</span><strong><MoneyText>¥{formatCents(balanceCents)}</MoneyText></strong><small>充值和扣费后的账面余额。</small></div>
         </div>
         <div className="surface mini-status-card">
           <WalletCards size={22} />
-          <div><span>可用发送额度</span><strong>¥{formatCents(balanceCents + creditCents)}</strong><small>大于 0 时可以发送短信。</small></div>
+          <div><span>可用发送额度</span><strong><MoneyText>¥{formatCents(balanceCents + creditCents)}</MoneyText></strong><small>大于 0 时可以发送短信。</small></div>
         </div>
       </div>
       <div className="surface section-stack">
@@ -60,7 +60,7 @@ export function ClientBillingPage() {
                   <tr key={order.id}>
                     <td><span className="table-mono-id">{order.orderNo}</span></td>
                     <td>{formatDateTime(order.paidAt ?? order.createdAt)}</td>
-                    <td>¥{formatCents(order.amountCents)}</td>
+                    <td><MoneyText>¥{formatCents(order.amountCents)}</MoneyText></td>
                     <td><Tag tone={order.status === 'paid' ? 'success' : 'warning'}>{order.status === 'paid' ? '已入账' : order.status}</Tag></td>
                     <td>{order.remark || '-'}</td>
                   </tr>