font size address form

src/app/[name]/(Profile)/profile/address/new/components/AddressForm.tsx

@@ -1,5 +1,7 @@
 import InputField from '@/components/input/InputField';
 import { NominatimReverseGeocodingResponse } from '../../types/Types';
+import { useGetProfile } from '../../../hooks/userProfileData';
+import { useEffect } from 'react';
 
 interface AddressFormProps {
     formData: {
@@ -18,6 +20,15 @@ export const AddressForm = ({
     selectedAddress,
     onFormDataChange,
 }: AddressFormProps) => {
+
+    const { data: profileData } = useGetProfile()
+
+    useEffect(() => {
+        if (profileData?.data?.phone && !formData.phone) {
+            onFormDataChange({ phone: '0' + profileData.data.phone });
+        }
+    }, [profileData?.data?.phone, formData.phone, onFormDataChange]);
+
     return (
         <div className='px-4'>
             <InputField
@@ -25,8 +36,10 @@ export const AddressForm = ({
                 labelText={'عنوان آدرس'}
                 placeholder='مثال: منزل، محل کار ...'
                 className='bg-inherit'
+                inputClassName='text-xs!'
                 value={formData.title}
                 onChange={(e) => onFormDataChange({ title: e.target.value })}
+
             />
             <InputField
                 htmlFor={'addressDetails'}
@@ -35,6 +48,7 @@ export const AddressForm = ({
                 className='bg-inherit mt-8'
                 value={formData.addressDetails}
                 onChange={(e) => onFormDataChange({ addressDetails: e.target.value })}
+                inputClassName='text-xs!'
             />
             <InputField
                 htmlFor={'phone'}
@@ -43,6 +57,7 @@ export const AddressForm = ({
                 className='bg-inherit mt-8'
                 value={formData.phone}
                 onChange={(e) => onFormDataChange({ phone: e.target.value })}
+                inputClassName='text-xs!'
             />
             <InputField
                 htmlFor={'postalCode'}
@@ -51,6 +66,7 @@ export const AddressForm = ({
                 className='bg-inherit mt-8'
                 value={formData.postalCode || selectedAddress?.address?.postcode || ''}
                 onChange={(e) => onFormDataChange({ postalCode: e.target.value })}
+                inputClassName='text-xs!'
             />
             <div className='inline-flex justify-between items-center w-full mt-8'>
                 <label