feat(i18n): 增强生理周期模块的国际化支持，添加多语言格式和翻译

components/menstrual-cycle/InlineTip.tsx

@@ -1,7 +1,10 @@
 import { Colors } from '@/constants/Colors';
 import { Ionicons } from '@expo/vector-icons';
 import dayjs from 'dayjs';
+import 'dayjs/locale/en';
+import 'dayjs/locale/zh-cn';
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 import { DimensionValue, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 import { InlineTipProps } from './types';
 
@@ -12,9 +15,12 @@ export const InlineTip: React.FC<InlineTipProps> = ({
   onMarkStart,
   onCancelMark,
 }) => {
+  const { t, i18n } = useTranslation();
   // 14.28% per cell. Center is 7.14%.
   const pointerLeft = `${columnIndex * 14.2857 + 7.1428}%` as DimensionValue;
   const isFuture = selectedDate.isAfter(dayjs(), 'day');
+  const localeKey = i18n.language.startsWith('en') ? 'en' : 'zh-cn';
+  const dateFormat = t('menstrual.dateFormatShort', { defaultValue: 'M月D日' });
 
   return (
     <View style={styles.inlineTipCard}>
@@ -22,17 +28,19 @@ export const InlineTip: React.FC<InlineTipProps> = ({
       <View style={styles.inlineTipRow}>
         <View style={styles.inlineTipDate}>
           <Ionicons name="calendar-outline" size={16} color="#111827" />
-          <Text style={styles.inlineTipDateText}>{selectedDate.format('M月D日')}</Text>
+          <Text style={styles.inlineTipDateText}>
+            {selectedDate.locale(localeKey).format(dateFormat)}
+          </Text>
         </View>
         {!isFuture && (!selectedInfo || !selectedInfo.confirmed) && (
           <TouchableOpacity style={styles.inlinePrimaryBtn} onPress={onMarkStart}>
             <Ionicons name="add" size={14} color="#fff" />
-            <Text style={styles.inlinePrimaryText}>标记经期</Text>
+            <Text style={styles.inlinePrimaryText}>{t('menstrual.actions.markPeriod')}</Text>
           </TouchableOpacity>
         )}
         {!isFuture && selectedInfo?.confirmed && selectedInfo.status === 'period' && (
           <TouchableOpacity style={styles.inlineSecondaryBtn} onPress={onCancelMark}>
-            <Text style={styles.inlineSecondaryText}>取消标记</Text>
+            <Text style={styles.inlineSecondaryText}>{t('menstrual.actions.cancelMark')}</Text>
           </TouchableOpacity>
         )}
       </View>