Add profile appearance and notifications settings

Co-authored-by: Claude Code <claude@anthropic.com>

apps/mobile/src/features/profile/components/AppearanceSettings.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+
+import { ProfileHeader } from './ProfileHeader';
+import type { ProfileHeaderProps } from './ProfileHeader';
+
+export type AppearanceSettingsProps = ProfileHeaderProps;
+
+export const AppearanceSettings: React.FC<AppearanceSettingsProps> = (props) => {
+    return <ProfileHeader {...props} />;
+};

apps/mobile/src/features/profile/components/NotificationSettings.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+
+import { SettingsSection } from './SettingsSection';
+import { SwitchItem } from './SwitchItem';
+
+export interface NotificationSettingsProps {
+    pushEnabled: boolean;
+    isUpdatingPush: boolean;
+    onPushToggle: (value: boolean) => void;
+    delay?: number;
+}
+
+export const NotificationSettings: React.FC<NotificationSettingsProps> = ({
+    pushEnabled,
+    isUpdatingPush,
+    onPushToggle,
+    delay = 360,
+}) => {
+    return (
+        <SettingsSection title="Notifications" delay={delay}>
+            <SwitchItem
+                icon="notifications-outline"
+                label="Push Notifications"
+                description="Get alerts for matches and messages"
+                value={pushEnabled}
+                onValueChange={onPushToggle}
+                disabled={isUpdatingPush}
+            />
+        </SettingsSection>
+    );
+};

apps/mobile/src/features/profile/components/ProfileHeader.tsx

@@ -10,7 +10,7 @@ import { Profile } from '../../../types';
 
 const ACCENT_GRADIENT = featureColors.profile.gradient as [string, string];
 
-interface ProfileHeaderProps {
+export interface ProfileHeaderProps {
     user: Profile | null;
     isUploadingAvatar: boolean;
     isEditingName: boolean;

apps/mobile/src/features/profile/components/index.ts

@@ -1,5 +1,10 @@
 // Profile feature components
 export { ProfileHeader } from './ProfileHeader';
+export type { ProfileHeaderProps } from './ProfileHeader';
+export { AppearanceSettings } from './AppearanceSettings';
+export type { AppearanceSettingsProps } from './AppearanceSettings';
+export { NotificationSettings } from './NotificationSettings';
+export type { NotificationSettingsProps } from './NotificationSettings';
 export { CoupleStatus } from './CoupleStatus';
 export { PrivacySettings } from './PrivacySettings';
 export { DangerZone } from './DangerZone';