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/profile/UserProfileScreen.tsx

@@ -110,35 +110,48 @@ export const UserProfileScreen: React.FC<UserProfileScreenProps> = ({ mode, user
     );
   }, [loading, activeTab, mode, isBlockedProfile]);
 
+  // 渲染用户信息头部（与 TabBar 分离，避免切换 tab 时重渲染）
+  const renderUserHeader = useMemo(() => {
+    if (!user) return null;
+    return (
+      <UserProfileHeader
+        user={user}
+        isCurrentUser={isCurrentUser}
+        isBlocked={isBlocked}
+        onFollow={handleFollow}
+        onSettings={handleSettings}
+        onEditProfile={handleEditProfile}
+        onMessage={handleMessage}
+        onBlock={handleBlock}
+        onFollowingPress={handleFollowingPress}
+        onFollowersPress={handleFollowersPress}
+      />
+    );
+  }, [user, isCurrentUser, isBlocked, handleFollow, handleSettings, handleEditProfile, handleMessage, handleBlock, handleFollowingPress, handleFollowersPress]);
+
+  // 渲染 TabBar
+  const renderTabBar = useMemo(() => (
+    <View style={sharedStyles.tabBarContainer}>
+      <TabBar
+        tabs={TABS}
+        activeIndex={activeTab}
+        onTabChange={setActiveTab}
+        variant="modern"
+        icons={TAB_ICONS}
+      />
+    </View>
+  ), [activeTab, setActiveTab, sharedStyles.tabBarContainer]);
+
   // 渲染 FlashList 头部（用户信息 + TabBar）
   const renderListHeader = useCallback(() => {
     if (!user) return null;
     return (
       <>
-        <UserProfileHeader
-          user={user}
-          isCurrentUser={isCurrentUser}
-          isBlocked={isBlocked}
-          onFollow={handleFollow}
-          onSettings={handleSettings}
-          onEditProfile={handleEditProfile}
-          onMessage={handleMessage}
-          onBlock={handleBlock}
-          onFollowingPress={handleFollowingPress}
-          onFollowersPress={handleFollowersPress}
-        />
-        <View style={sharedStyles.tabBarContainer}>
-          <TabBar
-            tabs={TABS}
-            activeIndex={activeTab}
-            onTabChange={setActiveTab}
-            variant="modern"
-            icons={TAB_ICONS}
-          />
-        </View>
+        {renderUserHeader}
+        {renderTabBar}
       </>
     );
-  }, [user, isCurrentUser, isBlocked, handleFollow, handleSettings, handleEditProfile, handleMessage, handleBlock, handleFollowingPress, handleFollowersPress, activeTab, setActiveTab]);
+  }, [user, renderUserHeader, renderTabBar]);
 
   // 未登录/用户不存在状态
   if (mode === 'self' && !currentUser) {