refactor: integrate email field with controller for dynamic updates in PersonalInfoForm

apps/mobile/packages/features/staff/profile_sections/onboarding/profile_info/lib/src/presentation/pages/personal_info_page.dart

@@ -1,12 +1,11 @@
 
+import 'package:core_localization/core_localization.dart';
+import 'package:design_system/design_system.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_modular/flutter_modular.dart';
-import 'package:core_localization/core_localization.dart';
-import 'package:design_system/design_system.dart';
 
 import '../blocs/personal_info_bloc.dart';
-import '../blocs/personal_info_event.dart';
 import '../blocs/personal_info_state.dart';
 import '../widgets/personal_info_content.dart';
 

apps/mobile/packages/features/staff/profile_sections/onboarding/profile_info/lib/src/presentation/widgets/personal_info_content.dart

@@ -32,28 +32,41 @@ class PersonalInfoContent extends StatefulWidget {
 }
 
 class _PersonalInfoContentState extends State<PersonalInfoContent> {
+  late final TextEditingController _emailController;
   late final TextEditingController _phoneController;
   late final TextEditingController _locationsController;
 
   @override
   void initState() {
     super.initState();
+    _emailController = TextEditingController(text: widget.staff.email);
     _phoneController = TextEditingController(text: widget.staff.phone ?? '');
     _locationsController = TextEditingController(text: widget.staff.preferredLocations?.join(', ')?? '');
 
     // Listen to changes and update BLoC
+    _emailController.addListener(_onEmailChanged);
     _phoneController.addListener(_onPhoneChanged);
     _locationsController.addListener(_onAddressChanged);
   }
 
   @override
   void dispose() {
+    _emailController.dispose();
     _phoneController.dispose();
     _locationsController.dispose();
     super.dispose();
   }
 
 
+  void _onEmailChanged() {
+    context.read<PersonalInfoBloc>().add(
+      PersonalInfoFieldChanged(
+        field: 'email',
+        value: _emailController.text,
+      ),
+    );
+  }
+
   void _onPhoneChanged() {
     context.read<PersonalInfoBloc>().add(
       PersonalInfoFieldChanged(
@@ -114,6 +127,7 @@ class _PersonalInfoContentState extends State<PersonalInfoContent> {
                     PersonalInfoForm(
                       fullName: widget.staff.name,
                       email: widget.staff.email,
+                      emailController: _emailController,
                       phoneController: _phoneController,
                       locationsController: _locationsController,
                       enabled: !isSaving,

apps/mobile/packages/features/staff/profile_sections/onboarding/profile_info/lib/src/presentation/widgets/personal_info_form.dart

@@ -15,6 +15,9 @@ class PersonalInfoForm extends StatelessWidget {
   /// The staff member's email (read-only).
   final String email;
 
+  /// Controller for the email field.
+  final TextEditingController emailController;
+
   /// Controller for the phone number field.
   final TextEditingController phoneController;
 
@@ -29,6 +32,7 @@ class PersonalInfoForm extends StatelessWidget {
     super.key,
     required this.fullName,
     required this.email,
+    required this.emailController,
     required this.phoneController,
     required this.locationsController,
     this.enabled = true,
@@ -48,7 +52,13 @@ class PersonalInfoForm extends StatelessWidget {
 
         _FieldLabel(text: i18n.email_label),
         const SizedBox(height: UiConstants.space2),
-        _ReadOnlyField(value: email),
+        _EditableField(
+          controller: emailController,
+          hint: i18n.email_label,
+          enabled: enabled,
+          keyboardType: TextInputType.emailAddress,
+          autofillHints: const [AutofillHints.email],
+        ),
         const SizedBox(height: UiConstants.space4),
 
         _FieldLabel(text: i18n.phone_label),
@@ -122,11 +132,15 @@ class _EditableField extends StatelessWidget {
   final TextEditingController controller;
   final String hint;
   final bool enabled;
+  final TextInputType? keyboardType;
+  final Iterable<String>? autofillHints;
 
   const _EditableField({
     required this.controller,
     required this.hint,
     this.enabled = true,
+    this.keyboardType,
+    this.autofillHints,
   });
 
   @override
@@ -134,6 +148,8 @@ class _EditableField extends StatelessWidget {
     return TextField(
       controller: controller,
       enabled: enabled,
+      keyboardType: keyboardType,
+      autofillHints: autofillHints,
       style: UiTypography.body2r.copyWith(color: UiColors.textPrimary),
       decoration: InputDecoration(
         hintText: hint,