feat(Theme): enhance theming and UI consistency across components

- Updated app.json to set userInterfaceStyle to automatic for improved theme adaptability.
- Refactored layout components to utilize useAppColors for dynamic theming, ensuring consistent color usage.
- Introduced SystemChrome component to manage system UI background color based on theme.
- Enhanced TabsLayout, ProfileStackLayout, and other components to leverage new theming structure.
- Improved QRCodeScanner, SearchBar, and CommentItem styles to align with the updated theme system.
- Consolidated styles in SystemMessageItem and TabBar for better maintainability and visual coherence.

src/screens/profile/index.ts

@@ -16,5 +16,5 @@ export { BlockedUsersScreen } from './BlockedUsersScreen';
 export { AccountSecurityScreen } from './AccountSecurityScreen';
 
 // 导出 Hook 供需要自定义的场景使用
-export { useUserProfile, sharedStyles, TABS, TAB_ICONS } from './useUserProfile';
+export { useUserProfile, createSharedProfileStyles, TABS, TAB_ICONS } from './useUserProfile';
 export type { ProfileMode, UseUserProfileOptions, UseUserProfileReturn } from './useUserProfile';