Add User Anonymization Feature (Anonymous Mode)

[Mert-Kirman]

Overview

Implemented user anonymization feature allowing users to appear anonymous in leaderboards, posts, and comments throughout the platform.

Changes

API Integration (src/services/api.ts)

• Added getPrivacySettings() - Fetch user privacy settings
• Added updatePrivacySettings() - Update anonymization status
• Integrated with existing /api/profile/privacy/ backend endpoint

Profile Screen (src/screens/ProfileScreen.tsx)

• Added "Privacy Settings" section with Anonymous Mode toggle
• Implemented state management for isAnonymous flag
• Added fetchPrivacySettings() to load settings on mount
• Added updatePrivacySetting() with success/error feedback
• Enhanced UI with proper spacing and responsive text wrapping

Translations (src/i18n/locales/en.json)

• Added privacy-related translation keys
• Supports multiple languages (en, tr, es, ar, fr)

Features

• Single Toggle Control: Enable/disable anonymization with one switch
• Real-time Updates: Changes sync immediately with backend
• Error Handling: Alert feedback for success/failure cases
• Optimistic UI: Instant visual feedback with rollback on error
• Accessibility: Meets WCAG 2.1 AA standards (MIN_TOUCH_TARGET compliance)

Backend Integration

The backend automatically handles anonymization:

• Users appear with anonymous identifier (e.g., "anon_abc123...") instead of username
• Profile images hidden for anonymous users
• Applied across leaderboards, posts, and comments
• Users always see their own real username

Testing

• Toggle switches between on/off states
• Success alerts display correctly
• Settings persist after app restart
• UI layout renders properly on different screen sizes
• Text wrapping works correctly
• No TypeScript errors

Related Issues

Closes: #463

[berkayak13]

thanks for the additions