refactor(PostCard, PostCardGrid, HomeScreen): enhance PostCard component and remove PostCardGrid

- Introduced a new PostCardRelativeTime component for dynamic time display, improving user experience with real-time updates.
- Refactored PostCard to utilize memoization for performance optimization and prevent unnecessary re-renders.
- Removed the PostCardGrid component to streamline the codebase, consolidating functionality within the PostCard component.
- Updated HomeScreen to leverage the new PostCard features, ensuring consistent post rendering and interaction handling.

src/screens/profile/BlockedUsersScreen.tsx

@@ -9,19 +9,14 @@ import {
   Alert,
 } from 'react-native';
 import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';
-import { useNavigation } from '@react-navigation/native';
-import { NativeStackNavigationProp } from '@react-navigation/native-stack';
+import { navigationService } from '../../infrastructure/navigation/navigationService';
 import { Avatar, Button, EmptyState, ResponsiveContainer, Text } from '../../components/common';
 import { authService } from '../../services';
 import { colors, spacing, borderRadius, shadows } from '../../theme';
 import { User } from '../../types';
-import { RootStackParamList } from '../../navigation/types';
 import { useResponsive } from '../../hooks';
 
-type NavigationProp = NativeStackNavigationProp<RootStackParamList>;
-
 export const BlockedUsersScreen: React.FC = () => {
-  const navigation = useNavigation<NavigationProp>();
   const { isMobile } = useResponsive();
   const insets = useSafeAreaInsets();
   const [users, setUsers] = useState<User[]>([]);
@@ -83,7 +78,7 @@ export const BlockedUsersScreen: React.FC = () => {
     <TouchableOpacity
       style={styles.item}
       activeOpacity={0.75}
-      onPress={() => navigation.navigate('UserProfile', { userId: item.id })}
+      onPress={() => navigationService.navigate('UserProfile', { userId: item.id })}
     >
       <Avatar source={item.avatar} size={46} name={item.nickname} />
       <View style={styles.content}>

src/screens/profile/UserProfileScreen.tsx

@@ -12,7 +12,7 @@ import {
   ScrollView,
 } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
-import { NativeStackNavigationProp } from '@react-navigation/native-stack';
+import { NavigationProp } from '@react-navigation/native';
 import { colors } from '../../theme';
 import { Post } from '../../types';
 import { PostCard, TabBar, UserProfileHeader } from '../../components/business';
@@ -24,7 +24,8 @@ import { useUserProfile, ProfileMode, TABS, TAB_ICONS, sharedStyles } from './us
 interface UserProfileScreenProps {
   mode: ProfileMode;
   userId?: string; // 仅 other 模式需要
-  profileNavigation?: NativeStackNavigationProp<ProfileStackParamList>; // 仅 self 模式需要
+  /** 使用 NavigationProp 避免与具体 screen 的 NativeStackNavigationProp 在 setParams 上不兼容 */
+  profileNavigation?: NavigationProp<ProfileStackParamList>; // 仅 self 模式需要
 }
 
 export const UserProfileScreen: React.FC<UserProfileScreenProps> = ({ mode, userId, profileNavigation }) => {

src/screens/profile/useUserProfile.ts

@@ -4,7 +4,7 @@
  */
 
 import { useState, useEffect, useCallback, useMemo } from 'react';
-import { useNavigation } from '@react-navigation/native';
+import { useNavigation, NavigationProp } from '@react-navigation/native';
 import { NativeStackNavigationProp } from '@react-navigation/native-stack';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { colors, spacing } from '../../theme';
@@ -23,7 +23,7 @@ export interface UseUserProfileOptions {
   userId?: string; // 仅 other 模式需要
   isDesktop?: boolean;
   isTablet?: boolean;
-  profileNavigation?: NativeStackNavigationProp<ProfileStackParamList>; // 仅 self 模式需要
+  profileNavigation?: NavigationProp<ProfileStackParamList>; // 仅 self 模式需要
 }
 
 export interface UseUserProfileReturn {