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/ChatScreen/styles.ts

@@ -200,7 +200,7 @@ export const chatScreenStyles = StyleSheet.create({
   },
   senderName: {
     fontSize: 13,
-    color: '#1976D2',
+    color: '#4A88C7',
     marginBottom: 4,
     marginLeft: 4,
     fontWeight: '600',
@@ -215,7 +215,7 @@ export const chatScreenStyles = StyleSheet.create({
     minWidth: 60,
   },
   myBubble: {
-    backgroundColor: '#E3F2FD', // Telegram风格的浅蓝色
+    backgroundColor: '#DFF2FF', // Telegram风格的浅蓝色
     borderBottomRightRadius: 4, // 右下角尖，箭头在右下
     shadowColor: '#000',
     shadowOffset: { width: 0, height: 1 },
@@ -255,17 +255,23 @@ export const chatScreenStyles = StyleSheet.create({
   // 选中状态
   selectedBubble: {
     borderWidth: 2,
-    borderColor: '#007AFF',
+    borderColor: '#7FB6E6',
+  },
+  myMessageContentPanel: {
+    backgroundColor: '#DFF2FF',
+    borderRadius: 14,
+    paddingHorizontal: 4,
+    paddingBottom: 4,
   },
   mySelectedBubble: {
-    backgroundColor: '#0051D5',
+    backgroundColor: '#CFEAFF',
     borderWidth: 2,
-    borderColor: 'rgba(255,255,255,0.5)',
+    borderColor: '#7FB6E6',
   },
   theirSelectedBubble: {
-    backgroundColor: '#E8F1FF',
+    backgroundColor: '#EEF5FC',
     borderWidth: 2,
-    borderColor: '#007AFF',
+    borderColor: '#7FB6E6',
   },
   selectedText: {
     // 文本选中时的样式
@@ -539,7 +545,7 @@ export const chatScreenStyles = StyleSheet.create({
     marginRight: spacing.xs,
   },
   panelTabActive: {
-    backgroundColor: '#E3F2FD',
+    backgroundColor: '#DFF2FF',
   },
   panelTabEmoji: {
     fontSize: 24,
@@ -1025,11 +1031,11 @@ export const chatScreenStyles = StyleSheet.create({
   // 表情包选择状态
   stickerItemSelected: {
     borderWidth: 2,
-    borderColor: '#007AFF',
+    borderColor: '#7FB6E6',
   },
   stickerCheckOverlay: {
     ...StyleSheet.absoluteFillObject,
-    backgroundColor: 'rgba(0, 122, 255, 0.1)',
+    backgroundColor: 'rgba(127, 182, 230, 0.14)',
     alignItems: 'flex-end',
     justifyContent: 'flex-start',
     padding: 4,
@@ -1045,8 +1051,8 @@ export const chatScreenStyles = StyleSheet.create({
     justifyContent: 'center',
   },
   stickerCheckBoxSelected: {
-    backgroundColor: '#007AFF',
-    borderColor: '#007AFF',
+    backgroundColor: '#7FB6E6',
+    borderColor: '#7FB6E6',
   },
 
   // 表情管理模态框
@@ -1077,12 +1083,12 @@ export const chatScreenStyles = StyleSheet.create({
   },
   manageDoneText: {
     fontSize: 16,
-    color: '#007AFF',
+    color: '#4A88C7',
     fontWeight: '500',
   },
   manageSelectText: {
     fontSize: 16,
-    color: '#007AFF',
+    color: '#4A88C7',
     fontWeight: '500',
   },
   manageInfoBar: {
@@ -1120,7 +1126,7 @@ export const chatScreenStyles = StyleSheet.create({
   },
   manageSelectAllText: {
     fontSize: 15,
-    color: '#007AFF',
+    color: '#4A88C7',
     fontWeight: '500',
   },
   manageDeleteButton: {