feat: 更新心情相关页面和组件

- 在心情统计、日历和编辑页面中引入 HeaderBar 组件，提升界面一致性和用户体验
- 移除冗余的头部视图代码，简化组件结构
- 更新心情日历和编辑页面的样式，使用新的颜色常量，增强视觉效果
- 优化心情统计页面的加载状态显示，提升用户交互体验

constants/Colors.ts

@@ -20,6 +20,7 @@ export const palette = {
   orange: '#FCC46F',
   blue: '#87CEEB',  // 更贴近logo背景的天空蓝
   blueSecondary: '#4682B4',  // 钢蓝色，用于选中状态
+  green: '#9ceb87',  // 温暖的绿色，用于心情日历等
 } as const;
 
 const primaryColor = palette.blue; // 应用主题色
@@ -54,12 +55,12 @@ export const Colors = {
     danger: palette.red,
     info: palette.blue,
     accentPurple: palette.purple,
-    accentGreen: palette.blue,
+    accentGreen: palette.green, // 温暖的绿色
     accentGreenDark: palette.blueSecondary, // 深绿色，用于文本和强调
 
     // 日期选择器主题色
     datePickerNormal: palette.blue,
-    datePickerSelected: palette.blueSecondary,
+    datePickerSelected: palette.green, // 使用温暖的绿色作为选中状态
 
     // 结构色（优化后的蓝色主题）
     border: 'rgba(135,206,235,0.2)', // 蓝色调边框
@@ -111,7 +112,7 @@ export const Colors = {
 
     // 日期选择器主题色
     datePickerNormal: palette.blue,
-    datePickerSelected: palette.blueSecondary,
+    datePickerSelected: palette.green, // 使用温暖的绿色作为选中状态
 
     // 结构色
     border: '#2A2F32',