Add Chinese translations for medication management and personal settings

- Introduced new translation files for medication, personal, and weight management in Chinese.
- Updated the main index file to include the new translation modules.
- Enhanced the medication type definitions to include 'ointment'.
- Refactored workout type labels to utilize i18n for better localization support.
- Improved sleep quality descriptions and recommendations with i18n integration.

components/DateSelector.tsx

@@ -463,16 +463,16 @@ const styles = StyleSheet.create({
     alignItems: 'center',
   },
   monthTitle: {
-    fontSize: 22,
+    fontSize: 26,
     fontWeight: '800',
-    color: '#1a1a1a',
-    letterSpacing: -0.5,
+    color: '#1c1f3a',
     fontFamily: 'AliBold',
+    marginLeft: 8,
   },
   calendarIconButton: {
-    padding: 4,
-    borderRadius: 6,
-    marginLeft: 4,
+    padding: 6,
+    borderRadius: 12,
+    marginLeft: 8,
     overflow: 'hidden',
   },
   calendarIconFallback: {
@@ -481,22 +481,19 @@ const styles = StyleSheet.create({
     borderColor: 'rgba(255, 255, 255, 0.3)',
   },
   todayButton: {
-    paddingHorizontal: 12,
-    paddingVertical: 6,
-    borderRadius: 12,
-    marginRight: 8,
+    paddingHorizontal: 14,
+    paddingVertical: 8,
+    borderRadius: 16,
+    marginRight: 4,
     overflow: 'hidden',
   },
   todayButtonFallback: {
     backgroundColor: '#EEF2FF',
-    borderWidth: 1,
-    borderColor: 'rgba(124, 58, 237, 0.2)',
   },
   todayButtonText: {
     fontSize: 12,
     fontWeight: '700',
-    color: '#7c3aed',
-    letterSpacing: 0.2,
+    color: '#5F6BF0',
     fontFamily: 'AliBold',
   },
   daysContainer: {
@@ -508,8 +505,8 @@ const styles = StyleSheet.create({
     marginRight: 8,
   },
   dayPill: {
-    width: 40,
-    height: 60,
+    width: 48,
+    height: 68,
     borderRadius: 24,
     alignItems: 'center',
     justifyContent: 'center',
@@ -523,14 +520,12 @@ const styles = StyleSheet.create({
     transform: [{ scale: 0.96 }],
   },
   dayPillSelectedFallback: {
-    backgroundColor: '#FFFFFF',
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.1,
-    shadowRadius: 4,
-    elevation: 3,
-    borderWidth: 1,
-    borderColor: 'rgba(255, 255, 255, 0.5)',
+    backgroundColor: '#5F6BF0',
+    shadowColor: 'rgba(95, 107, 240, 0.3)',
+    shadowOffset: { width: 0, height: 4 },
+    shadowOpacity: 0.3,
+    shadowRadius: 8,
+    elevation: 4,
   },
   dayPillDisabled: {
     backgroundColor: 'transparent',
@@ -538,30 +533,30 @@ const styles = StyleSheet.create({
   },
   dayLabel: {
     fontSize: 11,
-    fontWeight: '700',
-    color: '#8e8e93',
-    marginBottom: 2,
-    letterSpacing: 0.1,
-    fontFamily: 'AliBold',
+    fontWeight: '600',
+    color: '#94A3B8',
+    marginBottom: 4,
+    fontFamily: 'AliRegular',
   },
   dayLabelSelected: {
     color: '#1a1a1a',
-    fontWeight: '800',
+    fontWeight: '700',
     fontFamily: 'AliBold',
+    opacity: 0.9,
   },
   dayLabelDisabled: {
     color: '#c7c7cc',
   },
   dayDate: {
-    fontSize: 13,
+    fontSize: 15,
     fontWeight: '700',
-    color: '#8e8e93',
-    letterSpacing: -0.2,
+    color: '#64748B',
     fontFamily: 'AliBold',
   },
   dayDateSelected: {
     color: '#1a1a1a',
     fontWeight: '800',
+    fontSize: 16,
     fontFamily: 'AliBold',
   },
   dayDateDisabled: {