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/ChatScreen.tsx

@@ -29,7 +29,7 @@ import {
 } from 'react-native';
 import { useNavigation, useRouter } from 'expo-router';
 import { StatusBar } from 'expo-status-bar';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Text, ImageGallery, ImageGridItem } from '../../components/common';
 import { colors } from '../../theme';
 import * as hrefs from '../../navigation/hrefs';
@@ -364,12 +364,13 @@ export const ChatScreen: React.FC = () => {
   }, [handleMessageListContentSizeChange]);
 
   return (
-    <KeyboardAvoidingView
-      style={containerStyle}
-      behavior={Platform.OS === 'ios' ? 'padding' : undefined}
-      keyboardVerticalOffset={Platform.OS === 'ios' ? 0 : 0}
-    >
-      <StatusBar style="dark" backgroundColor="#FFFFFF" />
+    <SafeAreaView style={containerStyle} edges={['top']}>
+      <KeyboardAvoidingView
+        style={styles.container}
+        behavior={Platform.OS === 'ios' ? 'padding' : undefined}
+        keyboardVerticalOffset={Platform.OS === 'ios' ? 0 : 0}
+      >
+        <StatusBar style="dark" backgroundColor="#FFFFFF" />
       
       {/* 顶部栏 */}
       <ChatHeader
@@ -587,32 +588,33 @@ export const ChatScreen: React.FC = () => {
       />
       
       {/* 群信息侧边栏面板 - 仅大屏幕显示 */}
-      <GroupInfoPanel
-        visible={showGroupInfoPanel}
-        groupId={routeGroupId ? String(routeGroupId) : undefined}
-        groupInfo={groupInfo as any}
-        conversationId={conversationId || undefined}
-        currentUserId={currentUserId}
-        isPinned={false}
-        onClose={handleCloseGroupInfoPanel}
-        onTogglePin={(pinned) => {
-          // TODO: 实现置顶功能
-          console.log('Toggle pin:', pinned);
-        }}
-        onLeaveGroup={() => {
-          // TODO: 实现退出群聊功能
-          console.log('Leave group');
-        }}
-        onInviteMembers={() => {
-          // TODO: 实现邀请新成员功能
-          console.log('Invite members');
-        }}
-        onViewAllMembers={() => {
-          // TODO: 实现查看全部成员功能
-          console.log('View all members');
-        }}
-      />
-    </KeyboardAvoidingView>
+        <GroupInfoPanel
+          visible={showGroupInfoPanel}
+          groupId={routeGroupId ? String(routeGroupId) : undefined}
+          groupInfo={groupInfo as any}
+          conversationId={conversationId || undefined}
+          currentUserId={currentUserId}
+          isPinned={false}
+          onClose={handleCloseGroupInfoPanel}
+          onTogglePin={(pinned) => {
+            // TODO: 实现置顶功能
+            console.log('Toggle pin:', pinned);
+          }}
+          onLeaveGroup={() => {
+            // TODO: 实现退出群聊功能
+            console.log('Leave group');
+          }}
+          onInviteMembers={() => {
+            // TODO: 实现邀请新成员功能
+            console.log('Invite members');
+          }}
+          onViewAllMembers={() => {
+            // TODO: 实现查看全部成员功能
+            console.log('View all members');
+          }}
+        />
+      </KeyboardAvoidingView>
+    </SafeAreaView>
   );
 };