feat: 实现目标列表左滑删除功能及相关组件

- 在目标列表中添加左滑删除功能，用户可通过左滑手势显示删除按钮并确认删除目标
- 修改 GoalCard 组件，使用 Swipeable 组件包装卡片内容，支持删除操作
- 更新目标列表页面，集成删除目标的逻辑，确保与 Redux 状态管理一致
- 添加开发模式下的模拟数据，方便测试删除功能
- 更新相关文档，详细描述左滑删除功能的实现和使用方法

components/TaskProgressCard.tsx

@@ -1,7 +1,8 @@
 import { TaskListItem } from '@/types/goals';
 import MaterialIcons from '@expo/vector-icons/MaterialIcons';
+import { useRouter } from 'expo-router';
 import React, { ReactNode } from 'react';
-import { StyleSheet, Text, View } from 'react-native';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 
 interface TaskProgressCardProps {
   tasks: TaskListItem[];
@@ -12,23 +13,39 @@ export const TaskProgressCard: React.FC<TaskProgressCardProps> = ({
   tasks,
   headerButtons,
 }) => {
+  const router = useRouter();
+
   // 计算各状态的任务数量
   const pendingTasks = tasks.filter(task => task.status === 'pending');
   const completedTasks = tasks.filter(task => task.status === 'completed');
   const skippedTasks = tasks.filter(task => task.status === 'skipped');
 
+  // 处理跳转到目标列表
+  const handleNavigateToGoals = () => {
+    router.push('/goals-list');
+  };
+
   return (
     <View style={styles.container}>
       {/* 标题区域 */}
       <View style={styles.header}>
         <View style={styles.titleContainer}>
           <Text style={styles.title}>统计</Text>
+          <TouchableOpacity
+            style={styles.goalsIconButton}
+            onPress={handleNavigateToGoals}
+          >
+            <MaterialIcons name="flag" size={18} color="#7A5AF8" />
+          </TouchableOpacity>
+        </View>
+        <View style={styles.headerActions}>
+    
+          {headerButtons && (
+            <View style={styles.headerButtons}>
+              {headerButtons}
+            </View>
+          )}
         </View>
-        {headerButtons && (
-          <View style={styles.headerButtons}>
-            {headerButtons}
-          </View>
-        )}
       </View>
 
       {/* 状态卡片区域 */}
@@ -85,15 +102,27 @@ const styles = StyleSheet.create({
   },
   titleContainer: {
     flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 4,
   },
   headerButtons: {
     flexDirection: 'row',
     alignItems: 'center',
     gap: 8,
   },
+  headerActions: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8,
+  },
+  goalsIconButton: {
+  },
   title: {
     fontSize: 20,
     fontWeight: '700',
+    lineHeight: 24,
+    height: 24,
     color: '#1F2937',
     marginBottom: 4,
   },