Profile Form Component - Copy this Angular, Tailwind Component to your project

Create a responsive profile page using TailwindCSS with the following form fields: Name (Text input) Surname (Text input) Country (Dropdown) Province (Dropdown) Company (Dropdown) Department (Dropdown) Branch (Dropdown) Email (Email input) Phone Number (Number input) Contact Preference (Dropdown with options like Email, Phone, SMS) Design requirements: Place the fields in a clean two column layout on larger screens and a single column on mobile. Add labels above each field with proper spacing. Include placeholder text where applicable. Add a 'Save' button at the bottom with a primary color and hover effect. Add a 'Cancel' button next to the 'Save' button, styled with a neutral color. Ensure the page is fully responsive and user friendly.