refactor: maintain local state for PhoneInput typing to prevent input reset and add helper utilities for E.164 conversion.

apps/portal/src/app/features/licensing/components/ConfigDrivenSection.tsx

@@ -14,7 +14,7 @@ import {
   type FormSectionConfig,
   type Vessel,
 } from '@ema-platform/api';
-import { AmharicDatePicker, CountrySelect } from '@ema-platform/ui';
+import { AmharicDatePicker, CountrySelect, PhoneInput } from '@ema-platform/ui';
 import { useTranslation } from 'react-i18next';
 import { LocationPicker } from '../../location/components/LocationPicker';
 
@@ -223,6 +223,12 @@ export function ConfigDrivenSection({
                 value={(value as string) ?? ''}
                 onChange={(v) => onChange(field.key, v)}
               />
+            ) : field.type === 'PHONE' ? (
+              <PhoneInput
+                {...common}
+                value={(value as string) ?? ''}
+                onChange={(v) => onChange(field.key, v)}
+              />
             ) : field.type === 'TEXTAREA' ? (
               <Textarea
                 {...common}

apps/portal/src/app/features/profile/components/AddressFormContent.tsx

@@ -147,12 +147,13 @@ export function AddressFormContent({
           onChange={(val) => setValue('nationality', val || '', { shouldValidate: true })}
           error={errors.nationality?.message}
         />
-        <TextInput
+        <PhoneInput
           label={t('profileFields.primaryPhoneNumber')}
           description={t('profileAddress.accountManagedHint')}
           required
           readOnly
-          {...register('primaryPhoneNumber')}
+          value={watch('primaryPhoneNumber') || ''}
+          onChange={(val) => setValue('primaryPhoneNumber', val, { shouldValidate: true })}
           error={errors.primaryPhoneNumber?.message}
         />
         <PhoneInput