feat: 集成推送通知功能及相关组件

- 在项目中引入expo-notifications库，支持本地推送通知功能
- 实现通知权限管理，用户可选择开启或关闭通知
- 新增通知发送、定时通知和重复通知功能
- 更新个人页面，集成通知开关和权限请求逻辑
- 编写推送通知功能实现文档，详细描述功能和使用方法
- 优化心情日历页面，确保数据实时刷新

components/TaskCard.tsx

@@ -1,40 +1,25 @@
+import { useGlobalDialog } from '@/components/ui/DialogProvider';
 import { Colors } from '@/constants/Colors';
+import { useAppDispatch } from '@/hooks/redux';
 import { useColorScheme } from '@/hooks/useColorScheme';
+import { completeTask, skipTask } from '@/store/tasksSlice';
 import { TaskListItem } from '@/types/goals';
 import MaterialIcons from '@expo/vector-icons/MaterialIcons';
 import React from 'react';
-import { Image, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { Alert, Image, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 
 interface TaskCardProps {
   task: TaskListItem;
-  onPress?: (task: TaskListItem) => void;
-  onComplete?: (task: TaskListItem) => void;
-  onSkip?: (task: TaskListItem) => void;
 }
 
 export const TaskCard: React.FC<TaskCardProps> = ({
   task,
-  onPress,
-  onComplete,
-  onSkip,
 }) => {
   const theme = useColorScheme() ?? 'light';
   const colorTokens = Colors[theme];
+  const dispatch = useAppDispatch();
+  const { showConfirm } = useGlobalDialog();
 
-  const getStatusColor = (status: string) => {
-    switch (status) {
-      case 'completed':
-        return '#10B981';
-      case 'in_progress':
-        return '#F59E0B';
-      case 'overdue':
-        return '#EF4444';
-      case 'skipped':
-        return '#6B7280';
-      default:
-        return '#3B82F6';
-    }
-  };
 
   const getStatusText = (status: string) => {
     switch (status) {
@@ -77,8 +62,6 @@ export const TaskCard: React.FC<TaskCardProps> = ({
     }
   };
 
-
-
   const formatDate = (dateString: string) => {
     const date = new Date(dateString);
     const month = date.toLocaleDateString('zh-CN', { month: 'short' });
@@ -86,25 +69,105 @@ export const TaskCard: React.FC<TaskCardProps> = ({
     return `${day} ${month}`;
   };
 
+  const handleCompleteTask = async () => {
+    // 如果任务已经完成，不执行任何操作
+    if (task.status === 'completed') {
+      return;
+    }
+
+    try {
+      // 调用完成任务 API
+      await dispatch(completeTask({ 
+        taskId: task.id, 
+        completionData: { 
+          count: 1,
+          notes: '通过任务卡片完成'
+        } 
+      })).unwrap();
+    
+    } catch (error) {
+      Alert.alert('错误', '完成任务失败，请重试');
+    }
+  };
+
+  const handleSkipTask = async () => {
+    // 如果任务已经完成或已跳过，不执行任何操作
+    if (task.status === 'completed' || task.status === 'skipped') {
+      return;
+    }
+
+    // 显示确认弹窗
+    showConfirm(
+      {
+        title: '确认跳过任务',
+        message: `确定要跳过任务"${task.title}"吗？跳过后将无法恢复。`,
+        confirmText: '跳过',
+        cancelText: '取消',
+        destructive: true,
+        icon: 'warning',
+        iconColor: '#F59E0B',
+      },
+      async () => {
+        try {
+          // 调用跳过任务 API
+          await dispatch(skipTask({ 
+            taskId: task.id, 
+            skipData: { 
+              reason: '用户主动跳过'
+            } 
+          })).unwrap();
+        } catch (error) {
+          Alert.alert('错误', '跳过任务失败，请重试');
+        }
+      }
+    );
+  };
+
+  const renderActionIcons = () => {
+    if (task.status === 'completed' || task.status === 'overdue' || task.status === 'skipped') {
+      return null;
+    }
+
+    return (
+      <View style={styles.actionIconsContainer}>
+        {/* 完成任务图标 */}
+        <TouchableOpacity
+          style={styles.iconContainer}
+          onPress={handleCompleteTask}
+        >
+          <Image
+            source={require('@/assets/images/task/iconTaskHeader.png')}
+            style={styles.taskIcon}
+            resizeMode="contain"
+          />
+        </TouchableOpacity>
+
+        {/* 跳过任务图标 - 仅对进行中的任务显示 */}
+        {task.status === 'pending' && (
+          <TouchableOpacity
+            style={styles.skipIconContainer}
+            onPress={handleSkipTask}
+          >
+            <MaterialIcons name="skip-next" size={20} color="#6B7280" />
+          </TouchableOpacity>
+        )}
+      </View>
+    );
+  };
+
   return (
     <TouchableOpacity
       style={[styles.container, { backgroundColor: colorTokens.background }]}
-      onPress={() => onPress?.(task)}
+      onPress={() => {}}
       activeOpacity={0.7}
     >
       {/* 头部区域 */}
       <View style={styles.header}>
         <View style={styles.titleSection}>
-          <View style={styles.iconContainer}>
-            <Image
-              source={require('@/assets/images/task/iconTaskHeader.png')}
-              style={styles.taskIcon}
-              resizeMode="contain"
-            />
-          </View>
           <Text style={[styles.title, { color: colorTokens.text }]} numberOfLines={2}>
             {task.title}
           </Text>
+          {renderActionIcons()}
         </View>
       </View>
 
@@ -184,6 +247,18 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     gap: 12,
   },
+  title: {
+    fontSize: 16,
+    fontWeight: '600',
+    lineHeight: 22,
+    flex: 1,
+  },
+  actionIconsContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8,
+    flexShrink: 0,
+  },
   iconContainer: {
     width: 32,
     height: 32,
@@ -191,18 +266,21 @@ const styles = StyleSheet.create({
     backgroundColor: '#7A5AF8',
     alignItems: 'center',
     justifyContent: 'center',
-    flexShrink: 0,
+  },
+  skipIconContainer: {
+    width: 32,
+    height: 32,
+    borderRadius: 16,
+    backgroundColor: '#F3F4F6',
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderWidth: 1,
+    borderColor: '#E5E7EB',
   },
   taskIcon: {
     width: 20,
     height: 20,
   },
-  title: {
-    fontSize: 16,
-    fontWeight: '600',
-    lineHeight: 22,
-    flex: 1,
-  },
   tagsContainer: {
     flexDirection: 'row',
     gap: 8,