Further optimize UI/UX

[thefraggle]

Improve visual feedback, micro-animations, and responsive layout for different screen sizes.

[thefraggle]

💡 Technical & Design Concept: Further Optimize UI/UX

🎯 Goal

Elevate MapFlip's user interface from a simple utility screen to a polished, premium Jetpack Compose experience with rich visuals, responsive layouts across phone/tablet form factors, smooth micro-animations, and instant interactive feedback.

---

🎨 Visual & Functional Enhancements

1. Rich Design System & Glassmorphism

• Modern dark/light mode color palette (vibrant accent colors, subtle gradients, and glassmorphism cards using Modifier.blur() / backdrop filters).
• Custom typography hierarchy using Google Fonts (Inter / Outfit).

2. Interactive Status & Feedback Elements

• Active State Indicator: Dynamic animated pulse / status indicator showing whether MapFlip is active and listening for links.
• Test Redirect Feature: An interactive "Test Link" button in the UI allowing users to simulate an Apple Maps link redirect directly inside the app to verify setup.
• Visual Setup Guide: Clear step-by-step visual cards explaining how to set MapFlip as the default link handler on Android 12+ (Open by Default settings).

3. Responsive Ergonomics & Layouts

• Adaptable layouts supporting phones, foldable devices, and tablets (using Window Size Classes / BoxWithConstraints).
• Support ESC key & backdrop click dismissal for modals and bottom sheets.

4. Micro-Animations & Motion Design

• Smooth state transitions when toggling settings or switching target apps using Compose AnimatedVisibility and animateColorAsState.