refactor(TabsLayout, ImageGallery, ChatScreen, GroupInfoScreen, PrivateChatInfoScreen): enhance UI components and improve layout structure

- Adjusted tab bar dimensions and margins in TabsLayout for better visual consistency.
- Streamlined ImageGallery by removing loading states and optimizing image transition handling.
- Updated ChatScreen to utilize SafeAreaView for improved layout on different devices.
- Enhanced GroupInfoScreen and PrivateChatInfoScreen with a consistent page header layout, including back navigation.
- Refactored ChatHeader to simplify structure and improve maintainability.

src/screens/message/components/ChatScreen/ChatHeader.tsx

@@ -5,7 +5,6 @@
 
 import React, { useMemo } from 'react';
 import { View, TouchableOpacity, StyleSheet } from 'react-native';
-import { SafeAreaView } from 'react-native-safe-area-context';
 import { MaterialCommunityIcons } from '@expo/vector-icons';
 import { Avatar, Text, AppBackButton } from '../../../../components/common';
 import { colors, spacing } from '../../../../theme';
@@ -69,14 +68,9 @@ export const ChatHeader: React.FC<ChatHeaderProps> = ({
   };
 
   return (
-    <SafeAreaView edges={['top']} style={styles.headerContainer}>
+    <View style={styles.headerContainer}>
       <View style={styles.header}>
-        {/* 大屏幕（>= 768px）时隐藏返回按钮 */}
-        {!isWideScreen ? (
-          <AppBackButton style={styles.backButton} onPress={onBack} />
-        ) : (
-          <View style={styles.backButton} />
-        )}
+        <AppBackButton style={styles.backButton} onPress={onBack} />
         
         <View style={styles.headerCenter}>
           <TouchableOpacity
@@ -136,7 +130,7 @@ export const ChatHeader: React.FC<ChatHeaderProps> = ({
           </TouchableOpacity>
         )}
       </View>
-    </SafeAreaView>
+    </View>
   );
 };