feat: 更新个人页面和活动热图组件

- 在个人页面中新增鱼干记录展示，优化用户界面
- 修改活动热图组件，增加信息弹窗，提供小鱼干使用说明
- 调整样式，提升整体视觉效果和用户体验
- 更新颜色常量，确保一致性

components/TaskProgressCard.tsx

@@ -122,8 +122,8 @@ const styles = StyleSheet.create({
     gap: 8,
   },
   goalsIconButton: {
-    width: 24,
-    height: 24,
+    width: 18,
+    height: 18,
   },
   title: {
     fontSize: 20,