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

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

app/(tabs)/personal.tsx

@@ -264,6 +264,16 @@ export default function PersonalScreen() {
         >
           <UserHeader />
           <StatsSection />
+          <View style={styles.fishRecordContainer}>
+            {/* <Image
+              source={{ uri: 'https://plates-1251306435.cos.ap-guangzhou.myqcloud.com/images/icons/icon-profile-fish.png' }}
+              contentFit="cover"
+              style={{ width: 16, height: 16, marginLeft: 6 }}
+              transition={200}
+              cachePolicy="memory-disk"
+            /> */}
+            <Text style={styles.fishRecordText}>鱼干记录</Text>
+          </View>
           <ActivityHeatMap />
           {menuSections.map((section, index) => (
             <MenuSection key={index} title={section.title} items={section.items} />
@@ -277,7 +287,7 @@ export default function PersonalScreen() {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: '#FAFAFA',
+    backgroundColor: '#F0F9FF',
   },
   safeArea: {
     flex: 1,
@@ -402,4 +412,16 @@ const styles = StyleSheet.create({
   switch: {
     transform: [{ scaleX: 0.8 }, { scaleY: 0.8 }],
   },
+  fishRecordContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'flex-start',
+    marginBottom: 10,
+  },
+  fishRecordText: {
+    fontSize: 16,
+    fontWeight: 'bold',
+    color: '#2C3E50',
+    marginLeft: 4,
+  },
 });