extract mud point wallet entry component for reuse in tauri app

src/components/image-editor/ImageCanvasTopbarView.test.tsx

@@ -108,9 +108,6 @@ describe('ImageCanvasTopbarView', () => {
     });
 
     expect(walletChip.textContent).toBe('泥点 1.2万');
-    expect(walletChip.querySelector('img')?.getAttribute('src')).toBe(
-      '/creation-home/topbar-wallet.png',
-    );
 
     await user.hover(walletChip);
     const details = screen.getByRole('dialog', { name: '泥点账户详情' });

src/components/image-editor/ImageCanvasTopbarView.tsx

@@ -8,7 +8,7 @@ import {
 } from 'lucide-react';
 
 import type { ProfileMudPointBalance } from '../../../packages/shared/src/contracts/runtime';
-import { PlatformMudPointWalletEntry } from '../common/PlatformMudPointWalletEntry';
+import { PlatformMudPointWalletEntry } from '../../../packages/shared/src/components/PlatformMudPointWalletEntry.tsx';
 import { PlatformStatusMessage } from '../common/PlatformStatusMessage';
 import { PlatformTextField } from '../common/PlatformTextField';
 import { EditorIconButton } from './ImageCanvasEditorPrimitives';