fix: allow external onChange to override PhoneNumberInput's internal handler

The PhoneNumberInput component was spreading props before its internal
onChange and onKeyDown handlers, which prevented external handlers from
overriding the internal ones. This caused issues in forms where the
parent component needed to manage state updates.

By moving the props spread to the end, external onChange handlers can
now properly override the internal handler when needed, matching the
behavior of other form components like TextField.

This fixes the issue where phone number fields would immediately restore
their original values when users tried to edit them in forms that manage
their own state.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: claude

packages/components/src/ui/phone-input.tsx

@@ -134,10 +134,10 @@ export const PhoneNumberInput = ({
       )}
       data-slot="input"
       aria-label={props['aria-label']}
-      {...props}
       value={display}
       onChange={handleInputChange}
       onKeyDown={handleKeyDown}
+      {...props}
     />
   );
 };