Implement PhoneInputField Component

[leoAshu]

🚀 Summary

This PR introduces a custom PhoneInputField component and integrates it into the Signup Info Screen, Profile Edit Screen, and Verify Phone Screen to enhance user onboarding.

Additionally, the background color for input fields and dropdowns has been updated to maintain consistent UI styling.

🧩 Related Issues / Tasks

N/A

🛠️ Type of Change

• 🐞 Bug fix
• ✨ New feature
• 🧨 Breaking change
• 🔨 Enhancement/Refactor
• 📝 Documentation
• 📜 Other (please describe):

✅ Checklist

• The code is formatted with Prettier (npm run format or npx prettier --write .)
• PR references a linked Issue or Task number
• Tested on both iOS and Android devices/emulators
• No unnecessary logs or commented-out code
• UI changes, if any, have been reviewed visually
• All tests are passing (if applicable)
• Added or updated documentation where necessary

📸 Screenshots / Videos (UI changes only)

N/A

🧪 Test Plan

• Verified PhoneInputField renders correctly with country codes and validation.
• Confirmed proper integration in Signup Info, Edit Profile and Verify Phone screens.
• Tested UI updates to input fields and dropdowns across light and dark themes.
• Ensured consistent behavior on both iOS and Android devices.