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

src/components/layout/default.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cellular, chatboxEllipses, compass, personCircle } from "ionicons/icons";
+import { cellular, chatboxEllipses, compass, personCircle, swapHorizontal } from "ionicons/icons";
 </script>
 
 <template>
@@ -17,6 +17,11 @@ import { cellular, chatboxEllipses, compass, personCircle } from "ionicons/icons
           <IonLabel>Market</IonLabel>
         </IonTabButton>
 
+        <IonTabButton tab="trade" href="/layout/trade">
+          <IonIcon aria-hidden="true" :icon="swapHorizontal" />
+          <IonLabel>Trade</IonLabel>
+        </IonTabButton>
+
         <IonTabButton tab="chat" href="/layout/chat">
           <IonIcon aria-hidden="true" :icon="chatboxEllipses" />
           <IonLabel>Chat</IonLabel>