feat: 添加收入分配规则管理页面及账户、转账、交易、分配规则等相关组件的图标渲染

src/components/budget/AllocationRuleForm/AllocationRuleForm.tsx

@@ -12,6 +12,7 @@ import type {
   AllocationTargetInput,
 } from '../../../services/allocationRuleService';
 import { getTargetTypeLabel } from '../../../services/allocationRuleService';
+import { getDisplayIcon } from '../../../utils/iconUtils';
 import './AllocationRuleForm.css';
 
 interface AllocationRuleFormProps {
@@ -283,7 +284,7 @@ export const AllocationRuleForm: React.FC<AllocationRuleFormProps> = ({
               <option value="">所有账户（任意账户收入都触发）</option>
               {accounts.map((account) => (
                 <option key={account.id} value={account.id}>
-                  {account.icon} {account.name}
+                  {getDisplayIcon(account.icon)} {account.name}
                 </option>
               ))}
             </select>
@@ -382,7 +383,7 @@ export const AllocationRuleForm: React.FC<AllocationRuleFormProps> = ({
                         ) : (
                           accounts.map((account) => (
                             <option key={account.id} value={account.id}>
-                              {account.icon} {account.name}
+                              {getDisplayIcon(account.icon)} {account.name}
                             </option>
                           ))
                         )