Apply full refactor updates plus pipeline/email UX confirmations

src/app/(settings)/settings/profile/page.tsx

@@ -62,6 +62,7 @@ export default function ProfileSettingsPage() {
 
   // Profile form state
   const [name, setName] = useState('')
+  const [email, setEmail] = useState('')
   const [bio, setBio] = useState('')
   const [phoneNumber, setPhoneNumber] = useState('')
   const [notificationPreference, setNotificationPreference] = useState('EMAIL')
@@ -85,6 +86,7 @@ export default function ProfileSettingsPage() {
   useEffect(() => {
     if (user && !profileLoaded) {
       setName(user.name || '')
+      setEmail(user.email || '')
       const meta = (user.metadataJson as Record<string, unknown>) || {}
       setBio((meta.bio as string) || '')
       setPhoneNumber(user.phoneNumber || '')
@@ -104,6 +106,7 @@ export default function ProfileSettingsPage() {
   const handleSaveProfile = async () => {
     try {
       await updateProfile.mutateAsync({
+        email: email || undefined,
         name: name || undefined,
         bio,
         phoneNumber: phoneNumber || null,
@@ -222,8 +225,16 @@ export default function ProfileSettingsPage() {
         <CardContent className="space-y-4">
           <div className="space-y-2">
             <Label htmlFor="email">Email</Label>
-            <Input id="email" value={user.email} disabled />
-            <p className="text-xs text-muted-foreground">Email cannot be changed</p>
+            <Input
+              id="email"
+              type="email"
+              value={email}
+              onChange={(e) => setEmail(e.target.value)}
+              placeholder="you@example.com"
+            />
+            <p className="text-xs text-muted-foreground">
+              This will be used for login and all notification emails.
+            </p>
           </div>
 
           <div className="space-y-2">