fix(portal/profile): number input fields changes from uncontrolled to controlled

Author: HasithDeAlwis

libs/portal/shared/features/form/hooks/use-number-field.tsx

@@ -18,8 +18,8 @@ export function useNumberField(form: any, fieldName: string) {
 
   const onChange = useCallback(
     (e: React.ChangeEvent<HTMLInputElement>) => {
-      const newValue = Number.parseInt(e.target.value, 10) || undefined
-      form.setValue(fieldName, newValue ? Math.max(0, newValue) : undefined)
+      const newValue = Number.parseInt(e.target.value, 10) || ''
+      form.setValue(fieldName, newValue ? Math.max(0, newValue) : '')
     },
     [form, fieldName],
   )

libs/portal/shared/features/form/ui/number-field.tsx

@@ -77,7 +77,7 @@ export function NumberField({
                       <Input
                         placeholder="X"
                         type="number"
-                        value={value}
+                        value={value || ''}
                         onChange={onChange}
                         className="w-full py-[1px]"
                         onBlur={async () => {