feat: 添加聊天页面和钱包卡组件，优化用户界面和余额格式化逻辑

src/views/user/index.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { notificationsOutline, scanOutline, settingsOutline } from "ionicons/icons";
 import UserInfo from "./components/user-info.vue";
+import WalletCard from "./components/wallet-card.vue";
 </script>
 
 <template>
@@ -20,12 +21,13 @@ import UserInfo from "./components/user-info.vue";
     </ion-toolbar>
     <IonContent :fullscreen="true" class="ion-padding">
       <UserInfo />
+      <WalletCard />
     </IonContent>
   </IonPage>
 </template>
 
 <style scoped>
 .toolbar {
-  --background: white;
+  --background: var(--ion-background-color);
 }
 </style>