refactor(home): redesign home screen with sort bar and add recommendation feed

- Replace PagerView-based tabs with modern sort bar navigation
- Add "推荐" (recommended) feed option with "hot" sort type
- Update tab icons and labels to match new sort paradigm
- Optimize PostCard, MessageBubble conditional styles

perf(chat): migrate FlatList to FlashList for emoji/sticker panels

- Improve virtualized rendering performance for emoji and sticker grids
- Fix jump-to-latest scroll behavior for inverted FlashList

perf(profile): extract user header and tab bar into separate memoized renders

- Prevent unnecessary re-renders when switching tabs

feat(api): add channel_id filter support for post queries

- Include channel_id in cursor pagination requests
- Update CursorPaginationRequest type definition

style(chat-info): redesign group and private chat info screens with flat layout

- Remove card borders and shadows for cleaner appearance
- Adjust avatar sizes and spacing for consistency

src/screens/message/PrivateChatInfoScreen.tsx

@@ -16,7 +16,7 @@ import {
 import { SafeAreaView } from 'react-native-safe-area-context';
 import { useRouter, useLocalSearchParams } from 'expo-router';
 import { MaterialCommunityIcons } from '@expo/vector-icons';
-import { spacing, borderRadius, shadows, useAppColors, type AppColors } from '../../theme';
+import { spacing, borderRadius, shadows, fontSizes, useAppColors, type AppColors } from '../../theme';
 import { useAuthStore } from '../../stores';
 import { authService } from '@/services/auth';
 import { messageService } from '@/services/message';
@@ -336,7 +336,7 @@ const PrivateChatInfoScreen: React.FC = () => {
         contentContainerStyle={styles.scrollContent}
         showsVerticalScrollIndicator={false}
       >
-        {/* 用户基本信息卡片 */}
+        {/* 用户基本信息 */}
         <View style={styles.headerCard}>
           <TouchableOpacity
             style={styles.userHeader}
@@ -345,7 +345,7 @@ const PrivateChatInfoScreen: React.FC = () => {
           >
             <Avatar
               source={displayUser.avatar}
-              size={90}
+              size={80}
               name={displayUser.nickname || ''}
             />
             <View style={styles.userInfo}>
@@ -421,20 +421,20 @@ function createPrivateChatInfoStyles(colors: AppColors) {
   return StyleSheet.create({
     container: {
       flex: 1,
-      backgroundColor: colors.background.default,
+      backgroundColor: colors.background.paper,
     },
     pageHeader: {
       flexDirection: 'row',
       alignItems: 'center',
       justifyContent: 'space-between',
-      paddingHorizontal: spacing.md,
-      paddingVertical: spacing.sm,
+      paddingHorizontal: spacing.lg,
+      paddingVertical: spacing.md,
       backgroundColor: colors.background.paper,
-      borderBottomWidth: 1,
-      borderBottomColor: colors.divider,
+      borderBottomWidth: 0,
     },
     pageTitle: {
       fontWeight: '600',
+      fontSize: fontSizes.xl,
     },
     pageHeaderPlaceholder: {
       width: 40,
@@ -444,15 +444,13 @@ function createPrivateChatInfoStyles(colors: AppColors) {
       flex: 1,
     },
     scrollContent: {
+      paddingHorizontal: spacing.lg,
       paddingBottom: spacing.xl,
     },
     headerCard: {
       backgroundColor: colors.background.paper,
-      marginHorizontal: spacing.md,
-      marginTop: spacing.md,
-      borderRadius: borderRadius.lg,
-      padding: spacing.lg,
-      ...shadows.sm,
+      paddingVertical: spacing.lg,
+      marginBottom: spacing.md,
     },
     userHeader: {
       flexDirection: 'row',
@@ -460,58 +458,61 @@ function createPrivateChatInfoStyles(colors: AppColors) {
     },
     userInfo: {
       flex: 1,
-      marginLeft: spacing.md,
+      marginLeft: spacing.lg,
     },
     userName: {
-      fontWeight: '600',
+      fontWeight: '700',
+      fontSize: fontSizes['2xl'],
       marginBottom: spacing.xs,
     },
     section: {
       marginTop: spacing.lg,
-      paddingHorizontal: spacing.md,
     },
     sectionTitle: {
       marginBottom: spacing.sm,
       marginLeft: spacing.sm,
       fontWeight: '500',
+      fontSize: fontSizes.sm,
+      color: colors.text.secondary,
     },
     card: {
       backgroundColor: colors.background.paper,
-      borderRadius: borderRadius.lg,
-      ...shadows.sm,
       overflow: 'hidden',
     },
     settingItem: {
       flexDirection: 'row',
       alignItems: 'center',
-      paddingVertical: spacing.sm,
-      paddingHorizontal: spacing.md,
+      paddingVertical: spacing.md,
+      paddingHorizontal: 0,
     },
     settingIconContainer: {
       width: 36,
       height: 36,
       borderRadius: borderRadius.md,
-      backgroundColor: colors.primary.light + '20',
+      backgroundColor: colors.background.default,
       justifyContent: 'center',
       alignItems: 'center',
       marginRight: spacing.md,
     },
     settingIconDanger: {
-      backgroundColor: colors.error.light + '20',
+      backgroundColor: colors.error.light + '15',
     },
     settingTitle: {
       flex: 1,
     },
     dangerText: {
       color: colors.error.main,
+      fontWeight: '600',
     },
     divider: {
-      marginLeft: spacing.xl + 36,
+      marginLeft: 52,
       width: 'auto',
-      marginVertical: spacing.xs,
+      marginVertical: 0,
     },
     deleteButton: {
       marginTop: spacing.sm,
+      borderRadius: borderRadius.lg,
+      height: 52,
     },
   });
 }