Add profile appearance and notifications settings

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

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>
+    );
+};