feat(health): 新增手腕温度监测和经期双向同步功能

新增手腕温度健康数据追踪，支持Apple Watch睡眠手腕温度数据展示和30天历史趋势分析
实现经期数据与HealthKit的完整双向同步，支持读取、写入和删除经期记录
优化经期预测算法，基于历史数据计算更准确的周期和排卵日预测
重构经期UI组件为模块化结构，提升代码可维护性
添加完整的中英文国际化支持，覆盖所有新增功能界面

components/statistic/HealthDataCard.tsx

@@ -1,6 +1,6 @@
 import { Image } from 'expo-image';
 import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
+import { Pressable, StyleSheet, Text, View } from 'react-native';
 import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
 
 interface HealthDataCardProps {
@@ -8,37 +8,36 @@ interface HealthDataCardProps {
   value: string;
   unit: string;
   style?: object;
+  onPress?: () => void;
 }
 
 const HealthDataCard: React.FC<HealthDataCardProps> = ({
   title,
   value,
   unit,
-  style
+  style,
+  onPress
 }) => {
+  const Container = onPress ? Pressable : View;
+
   return (
-    <Animated.View
-      entering={FadeIn.duration(300)}
-      exiting={FadeOut.duration(300)}
-      style={[styles.card, style]}
-    >
-      <View style={styles.content}>
-        <View style={{
-          flexDirection: 'row',
-          alignItems: 'center',
-          marginBottom: 14,
-        }}>
-          <Image
-            source={require('@/assets/images/icons/icon-blood-oxygen.png')}
-            style={styles.titleIcon}
-          />
+    <Animated.View entering={FadeIn.duration(300)} exiting={FadeOut.duration(300)} style={[styles.card, style]}>
+      <Container
+        style={styles.content}
+        onPress={onPress}
+        accessibilityRole={onPress ? 'button' : undefined}
+        accessibilityLabel={title}
+        accessibilityHint={onPress ? `${title} details` : undefined}
+      >
+        <View style={styles.headerRow}>
+          <Image source={require('@/assets/images/icons/icon-blood-oxygen.png')} style={styles.titleIcon} />
           <Text style={styles.title}>{title}</Text>
         </View>
         <View style={styles.valueContainer}>
           <Text style={styles.value}>{value}</Text>
           <Text style={styles.unit}>{unit}</Text>
         </View>
-      </View>
+      </Container>
     </Animated.View>
   );
 };
@@ -62,6 +61,11 @@ const styles = StyleSheet.create({
     flex: 1,
     justifyContent: 'center',
   },
+  headerRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 14,
+  },
   titleIcon: {
     width: 16,
     height: 16,
@@ -94,4 +98,4 @@ const styles = StyleSheet.create({
   },
 });
 
-export default HealthDataCard;
+export default HealthDataCard;