User Profile Form - Copy this React, Tailwind Component to your project
Generate-a-React-component-for-a-user-profile-form-with-a-modern,-professional-design.-The-form-should-include-a-profile-avatar-that-allows-the-user-to-upload-a-new-picture,-with-an-"Edit"-icon-overlay-to-trigger-the-upload.-Below-the-avatar,-provide-fields-for-the-user’s-full-name,-phone-number,-WhatsApp-number,-and-address.-For-the-WhatsApp-number-field,-add-a-button-next-to-it-that,-when-clicked,-automatically-copies-the-phone-number-to-the-WhatsApp-input.-The-form-should-utilize-Ant-Design-components-for-a-clean-UI-and-include-React-Icons-for-the-"Edit"-icon,-phone,-and-WhatsApp-number-fields.-Incorporate-smooth-animations,-such-as-transitions-when-updating-the-avatar-or-interacting-with-the-input-fields,-and-ensure-the-form-is-responsive,-with-a-professional-color-scheme-using-shades-of-blue,-gray,-or-gradients.-Ensure-the-UI-is-user-friendly,-visually-appealing,-and-accessible-with-proper-spacing-and-hover-effects-for-interactive-elements.
