Implement user preference for data-saver mode (disable prefetch, lower images)

[RUKAYAT-CODER]

Background

Data-conscious users want to control bandwidth usage. Implement data-saver mode: disable prefetch, lower image quality, disable animations, defer non-critical syncs.

Description

Add user preference for data-saver mode to reduce bandwidth usage.

Current Behavior

No way for users to reduce data usage

Expected Behavior

Data-saver mode available in settings

Impact

🎯 Respects user data plans
💡 Better experience in low-bandwidth areas
👥 Inclusive design

Acceptance Criteria

• Add data-saver toggle to settings
• Disable prefetch when enabled
• Lower image quality (compressed variants)
• Reduce animation complexity
• Defer non-critical data syncs
• Test app with data-saver enabled
• Document data-saver behavior
• Monitor data-saver usage

Implementation Hints

Add setting to Zustand store. Check in image loading and prefetch hooks.

Performance Metrics

Before:

• userControl: None

After (Target):

• userControl: Full data-saver mode

Related Issues

• feat: Implement Mobile Profile Management components #14
• feature: push-notification-system #16
• feat: Implement Mobile Profile Management components #18
• Implement Mobile Settings #24