feat: 添加交易页面，更新路由配置，优化用户界面和样式

src/views/chat/index.vue

@@ -1,21 +1,23 @@
 <script setup lang="ts">
+import IcBaselinePermContactCalendar from "~icons/ic/baseline-perm-contact-calendar";
+import IcOutlineCleaningServices from "~icons/ic/outline-cleaning-services";
 </script>
 
 <template>
   <IonPage>
     <IonHeader>
-      <IonToolbar>
-        <IonTitle>Chat</IonTitle>
-      </IonToolbar>
+      <ion-toolbar class="ui-toolbar">
+        <ion-button slot="start" fill="clear" color="dark">
+          <IcOutlineCleaningServices slot="icon-only" />
+        </ion-button>
+        <ion-button slot="end" fill="clear" color="dark">
+          <IcBaselinePermContactCalendar slot="icon-only" />
+        </ion-button>
+        <ion-title>Chat</ion-title>
+      </ion-toolbar>
     </IonHeader>
     <IonContent :fullscreen="true">
-      <IonHeader collapse="condense">
-        <IonToolbar>
-          <IonTitle size="large">
-            Chat
-          </IonTitle>
-        </IonToolbar>
-      </IonHeader>
+      <ion-searchbar placeholder="Search" />
     </IonContent>
   </IonPage>
 </template>