fix: bug

components/profile/profile-header.tsx

@@ -130,7 +130,8 @@ const styles = {
     flexDirection: 'row' as const,
     alignItems: 'center' as const,
     justifyContent: 'space-between' as const,
-    marginBottom: 28,
+    marginBottom: 14,
+    marginTop: 14
   },
   settingsButton: {
     width: 44,

components/profile/profile-screen.tsx

@@ -1,13 +1,14 @@
-import React, { useState, useMemo } from 'react';
-import { View, useWindowDimensions, type ImageSourcePropType, StyleSheet } from 'react-native';
+import React, { useMemo, useState } from 'react';
+import { StyleSheet, View, useWindowDimensions, type ImageSourcePropType } from 'react-native';
 
 import { PageLayout } from '@/components/bestai/layout';
 import { useAuth } from '@/hooks/use-auth';
 import { useBalance } from '@/hooks/use-balance';
 import { useProfileData } from '@/hooks/use-profile-data';
-import { createStats, deriveAvatarSource, deriveDisplayName } from '@/utils/profile-data';
 import { PROFILE_THEME } from '@/theme/profile';
+import { createStats, deriveAvatarSource, deriveDisplayName } from '@/utils/profile-data';
 import { ContentGallery } from './content-gallery';
+import { ContentSkeleton } from './content-skeleton';
 import { ContentTabs } from './content-tabs';
 import { Divider } from './divider';
 import { ProfileEditModal } from './profile-edit-modal';
@@ -16,7 +17,6 @@ import { ProfileErrorState } from './profile-error-state';
 import { ProfileHeader } from './profile-header';
 import { ProfileIdentity } from './profile-identity';
 import { ProfileLoadingState } from './profile-loading-state';
-import { ContentSkeleton } from './content-skeleton';
 
 type TabKey = 'all' | 'image' | 'video';
 type BillingMode = 'monthly' | 'lifetime';