Remove conditional mobile styling from toolbar buttons and add dedicated
mobile action buttons section with improved card-based layout for better
mobile user experience.
- Use flagcdn.com for country flag images instead of emoji flags
- Add search functionality to filter countries in dropdown
- Expand country list to include all countries worldwide
- Improve country list UI with better layout and styling
- Add error handling for flag image loading failures
- Remove flag property from Country interface
Implement a custom PhoneInput component to replace the third-party v-phone-input library. The new component provides country selection, phone number formatting, and integrates seamlessly with Vuetify's form controls. Updated CreateInterestModal and InterestDetailsModal to use the new component.
Replace basic text fields with v-phone-input in CreateInterestModal and
InterestDetailsModal to provide country selection, validation, and better
UX for phone number entry. Includes US as default with preferred countries
list and search functionality.
Matt
Ron