feat: 添加日历功能和进度条组件

- 在项目中引入 dayjs 库以处理日期
- 新增 PlanCard 和 ProgressBar 组件，分别用于展示训练计划和进度条
- 更新首页以显示推荐的训练计划
- 优化个人中心页面的底部留白处理
- 本地化界面文本为中文

components/ProgressBar.tsx

@@ -0,0 +1,87 @@
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { Animated, Easing, LayoutChangeEvent, StyleSheet, Text, View, ViewStyle } from 'react-native';
+
+type ProgressBarProps = {
+  progress: number; // 0 - 1
+  height?: number;
+  style?: ViewStyle;
+  trackColor?: string;
+  fillColor?: string;
+  animated?: boolean;
+  showLabel?: boolean;
+};
+
+export function ProgressBar({
+  progress,
+  height = 18,
+  style,
+  trackColor = '#EDEDED',
+  fillColor = '#BBF246',
+  animated = true,
+  showLabel = true,
+}: ProgressBarProps) {
+  const [trackWidth, setTrackWidth] = useState(0);
+  const animatedValue = useRef(new Animated.Value(0)).current;
+
+  const clamped = useMemo(() => {
+    if (Number.isNaN(progress)) return 0;
+    return Math.min(1, Math.max(0, progress));
+  }, [progress]);
+
+  useEffect(() => {
+    if (!animated) {
+      animatedValue.setValue(clamped);
+      return;
+    }
+    Animated.timing(animatedValue, {
+      toValue: clamped,
+      duration: 650,
+      easing: Easing.out(Easing.cubic),
+      useNativeDriver: false,
+    }).start();
+  }, [clamped, animated, animatedValue]);
+
+  const onLayout = (e: LayoutChangeEvent) => {
+    setTrackWidth(e.nativeEvent.layout.width);
+  };
+
+  const fillWidth = Animated.multiply(animatedValue, trackWidth || 1);
+  const percent = Math.round(clamped * 100);
+
+  return (
+    <View style={[styles.container, { height }, style]} onLayout={onLayout}>
+      <View style={[styles.track, { backgroundColor: trackColor }]} />
+      <Animated.View style={[styles.fill, { width: fillWidth, backgroundColor: fillColor }]}>
+        {showLabel && (
+          <Text style={styles.label}>{percent}%</Text>
+        )}
+      </Animated.View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    borderRadius: 10,
+    overflow: 'hidden',
+    backgroundColor: 'transparent',
+  },
+  track: {
+    ...StyleSheet.absoluteFillObject,
+    borderRadius: 10,
+  },
+  fill: {
+    height: '100%',
+    borderRadius: 10,
+    justifyContent: 'center',
+    paddingHorizontal: 10,
+  },
+  label: {
+    color: '#192126',
+    fontWeight: '700',
+    fontSize: 12,
+  },
+});
+
+