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

src/components/layout/default.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ellipse, square, triangle } from "ionicons/icons";
+import { cellular, chatboxEllipses, compass, personCircle } from "ionicons/icons";
 </script>
 
 <template>
@@ -8,17 +8,22 @@ import { ellipse, square, triangle } from "ionicons/icons";
       <IonRouterOutlet />
       <IonTabBar slot="bottom" class="tabbar">
         <IonTabButton tab="riwa" href="/layout/riwa">
-          <IonIcon aria-hidden="true" :icon="triangle" />
+          <IonIcon aria-hidden="true" :icon="compass" />
           <IonLabel>Riwa</IonLabel>
         </IonTabButton>
 
         <IonTabButton tab="market" href="/layout/market">
-          <IonIcon aria-hidden="true" :icon="ellipse" />
+          <IonIcon aria-hidden="true" :icon="cellular" />
           <IonLabel>Market</IonLabel>
         </IonTabButton>
 
+        <IonTabButton tab="chat" href="/layout/chat">
+          <IonIcon aria-hidden="true" :icon="chatboxEllipses" />
+          <IonLabel>Chat</IonLabel>
+        </IonTabButton>
+
         <IonTabButton tab="user" href="/layout/user">
-          <IonIcon aria-hidden="true" :icon="square" />
+          <IonIcon aria-hidden="true" :icon="personCircle" />
           <IonLabel>User</IonLabel>
         </IonTabButton>
       </IonTabBar>