feat(chat): implement dynamic theme support in chat components

- Enhanced ChatHeader and ChatInput components to support dynamic theme colors, improving visual consistency across different themes.
- Updated styles in ChatScreen to utilize new dynamic styles for better responsiveness and user experience.
- Refactored styles in various profile screens to adopt a unified background color scheme and improved spacing for a cleaner layout.

This update significantly enhances the chat interface and profile settings by allowing for dynamic theming and improved visual elements.

src/screens/profile/EditProfileScreen.tsx

@@ -42,7 +42,7 @@ function createEditProfileStyles(colors: AppColors) {
   return StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: colors.background.default,
+    backgroundColor: colors.background.paper,
   },
   keyboardView: {
     flex: 1,
@@ -58,7 +58,7 @@ function createEditProfileStyles(colors: AppColors) {
   coverContainer: {
     position: 'relative',
     overflow: 'hidden',
-    borderRadius: borderRadius.lg,
+    borderRadius: 14,
   },
   coverTouchable: {
     width: '100%',
@@ -112,7 +112,6 @@ function createEditProfileStyles(colors: AppColors) {
     marginTop: -50,
     borderRadius: borderRadius.xl,
     padding: spacing.lg,
-    ...shadows.md,
   },
   avatarWrapper: {
     alignItems: 'center',
@@ -204,15 +203,9 @@ function createEditProfileStyles(colors: AppColors) {
 
   // ===== 表单区域 =====
   formCard: {
-    backgroundColor: colors.background.paper,
-    borderRadius: borderRadius.lg,
+    borderRadius: 14,
     padding: spacing.lg,
     marginBottom: spacing.lg,
-    shadowColor: colors.text.primary,
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.05,
-    shadowRadius: 8,
-    elevation: 2,
     maxWidth: CONTENT_MAX_WIDTH,
     alignSelf: 'center',
     width: '100%',
@@ -228,7 +221,7 @@ function createEditProfileStyles(colors: AppColors) {
     width: 40,
     height: 40,
     borderRadius: borderRadius.md,
-    backgroundColor: colors.primary.light + '20',
+    backgroundColor: colors.background.default,
     justifyContent: 'center',
     alignItems: 'center',
     marginRight: spacing.md,
@@ -267,14 +260,11 @@ function createEditProfileStyles(colors: AppColors) {
     marginTop: spacing.sm,
   },
   saveButton: {
+    height: 50,
     backgroundColor: colors.primary.main,
-    borderRadius: borderRadius.lg,
-    paddingVertical: spacing.md,
-    shadowColor: colors.primary.main,
-    shadowOffset: { width: 0, height: 4 },
-    shadowOpacity: 0.3,
-    shadowRadius: 8,
-    elevation: 4,
+    borderRadius: 14,
+    alignItems: 'center',
+    justifyContent: 'center',
   },
   saveButtonDisabled: {
     opacity: 0.6,