feat: 适配 headerbar ios26

app/challenges/[id]/leaderboard.tsx

@@ -4,6 +4,7 @@ import { HeaderBar } from '@/components/ui/HeaderBar';
 import { Colors } from '@/constants/Colors';
 import { useAppDispatch, useAppSelector } from '@/hooks/redux';
 import { useColorScheme } from '@/hooks/useColorScheme';
+import { useSafeAreaTop } from '@/hooks/useSafeAreaWithPadding';
 import {
   fetchChallengeDetail,
   fetchChallengeRankings,
@@ -29,6 +30,7 @@ import {
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 export default function ChallengeLeaderboardScreen() {
+  const safeAreaTop = useSafeAreaTop()
   const { id } = useLocalSearchParams<{ id?: string }>();
   const router = useRouter();
   const dispatch = useAppDispatch();
@@ -74,6 +76,9 @@ export default function ChallengeLeaderboardScreen() {
     return (
       <View style={[styles.safeArea, { backgroundColor: colorTokens.background }]}>
         <HeaderBar title="排行榜" onBack={() => router.back()} withSafeTop />
+        <View style={{
+          paddingTop: safeAreaTop
+        }} />
         <View style={styles.missingContainer}>
           <Text style={[styles.missingText, { color: colorTokens.textSecondary }]}>未找到该挑战。</Text>
         </View>
@@ -144,7 +149,7 @@ export default function ChallengeLeaderboardScreen() {
       <HeaderBar title="排行榜" onBack={() => router.back()} withSafeTop />
       <ScrollView
         style={styles.scrollView}
-        contentContainerStyle={{ paddingBottom: insets.bottom + 40 }}
+        contentContainerStyle={{ paddingBottom: insets.bottom + 40, paddingTop: safeAreaTop }}
         showsVerticalScrollIndicator={false}
         refreshControl={
           <RefreshControl