refactor(App, navigation): migrate to Expo Router and clean up navigation structure

- Updated App entry point to utilize Expo Router, simplifying the navigation setup.
- Removed legacy navigation components and services to streamline the codebase.
- Adjusted package.json to reflect the new entry point and updated dependencies for compatibility.
- Enhanced overall application structure by consolidating navigation logic and improving maintainability.

src/screens/message/components/EmbeddedChat.tsx

@@ -16,17 +16,18 @@ import {
   Dimensions,
   Animated,
 } from 'react-native';
-import { useNavigation } from '@react-navigation/native';
+import { useRouter } from 'expo-router';
 import { MaterialCommunityIcons } from '@expo/vector-icons';
 import { Image as ExpoImage } from 'expo-image';
 import { colors, spacing, fontSizes, shadows } from '../../../theme';
 import { ConversationResponse, MessageResponse, MessageSegment, GroupMemberResponse, ImageSegmentData } from '../../../types/dto';
-import { Avatar, Text, ImageGallery } from '../../../components/common';
+import { Avatar, Text, ImageGallery, AppBackButton } from '../../../components/common';
 import { useAuthStore, messageManager, MessageEvent, MessageSubscriber } from '../../../stores';
 import { extractTextFromSegments } from '../../../types/dto';
 import { useBreakpointGTE } from '../../../hooks/useResponsive';
 import { useMarkAsRead } from '../../../stores/messageManagerHooks';
 import { messageService } from '../../../services';
+import * as hrefs from '../../../navigation/hrefs';
 import { GroupInfoPanel } from './ChatScreen/GroupInfoPanel';
 import { LongPressMenu, MenuPosition, GroupMessage } from './ChatScreen';
 
@@ -39,7 +40,7 @@ interface EmbeddedChatProps {
 }
 
 export const EmbeddedChat: React.FC<EmbeddedChatProps> = ({ conversation, onBack }) => {
-  const navigation = useNavigation();
+  const router = useRouter();
   const currentUser = useAuthStore(state => state.currentUser);
   
   // 响应式布局 - 使用 768px 作为大屏幕和小屏幕的分界线
@@ -190,21 +191,24 @@ export const EmbeddedChat: React.FC<EmbeddedChatProps> = ({ conversation, onBack
   // 导航到完整聊天页面
   const handleNavigateToFullChat = () => {
     if (isGroupChat && conversation.group) {
-      (navigation as any).navigate('Chat', {
-        conversationId: String(conversation.id),
-        groupId: String(conversation.group.id),
-        groupName: conversation.group.name,
-        isGroupChat: true,
-      });
+      router.push(
+        hrefs.hrefChat({
+          conversationId: String(conversation.id),
+          groupId: String(conversation.group.id),
+          groupName: conversation.group.name,
+          isGroupChat: true,
+        }) as any
+      );
     } else {
       const currentUserId = currentUser?.id;
       const otherUser = conversation.participants?.find(p => String(p.id) !== String(currentUserId));
-      (navigation as any).navigate('Chat', {
-        conversationId: String(conversation.id),
-        userId: otherUser ? String(otherUser.id) : undefined,
-        userName: otherUser?.nickname || otherUser?.username,
-        isGroupChat: false,
-      });
+      router.push(
+        hrefs.hrefChat({
+          conversationId: String(conversation.id),
+          userId: otherUser ? String(otherUser.id) : undefined,
+          isGroupChat: false,
+        }) as any
+      );
     }
   };
   
@@ -407,9 +411,7 @@ export const EmbeddedChat: React.FC<EmbeddedChatProps> = ({ conversation, onBack
       <View style={styles.header}>
         {/* 大屏幕（>= 768px）时隐藏返回按钮 */}
         {!isWideScreen ? (
-          <TouchableOpacity onPress={onBack} style={styles.headerButton}>
-            <MaterialCommunityIcons name="arrow-left" size={24} color="#666" />
-          </TouchableOpacity>
+          <AppBackButton onPress={onBack} style={styles.headerButton} iconColor="#666" />
         ) : (
           <View style={styles.headerButton} />
         )}