Component 0 - Copy this React, Tailwind Component to your project

I’m building an **Edit Profile** page in an Angular application using PrimeNG. This page will allow a logged in user to edit their basic account information. The user data is stored in a `User` entity on the backend with the following fields: `id: Guid` `email: string` (editable) `firstName: string` (editable) `lastName: string` (editable) `role: UserRole` (not editable, just displayed) `photoUrl?: string` (optional, editable as upload) `createdOn`, `modifiedOn`, etc. are part of the audit model (not shown in the form)The user is authenticated via Azure AD, and their `UserId` (OID) is injected into the system and associated with either a `Grower` or a `Station` depending on their role. Each user can only edit their own profile. We already store `UserId` inside both `Grower` and `Station` domain entities for ownership tracking.