feat: 优化体重记录页面，使用useCallback提升加载历史记录性能，调整样式以支持深色模式

app/weight-records.tsx

@@ -9,7 +9,7 @@ import { Ionicons } from '@expo/vector-icons';
 import dayjs from 'dayjs';
 import { LinearGradient } from 'expo-linear-gradient';
 import { router } from 'expo-router';
-import React, { useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import {
   Alert,
   Modal,
@@ -34,18 +34,17 @@ export default function WeightRecordsPage() {
 
   console.log('userProfile:', userProfile);
 
-
-  useEffect(() => {
-    loadWeightHistory();
-  }, []);
-
-  const loadWeightHistory = async () => {
+  const loadWeightHistory = useCallback(async () => {
     try {
       await dispatch(fetchWeightHistory() as any);
     } catch (error) {
       console.error('加载体重历史失败:', error);
     }
-  };
+  }, [dispatch]);
+
+  useEffect(() => {
+    loadWeightHistory();
+  }, [loadWeightHistory]);
 
   const handleGoBack = () => {
     router.back();
@@ -465,7 +464,7 @@ const styles = StyleSheet.create({
     backgroundColor: 'rgba(255, 149, 0, 0.1)',
   },
   monthContainer: {
-    marginBottom: 16,
+    marginBottom: 20,
   },
   monthHeaderCard: {
     backgroundColor: '#FFFFFF',