fix: code styles

src/features/profile/components/userInformation/phoneNumber/PhoneEditForm.tsx

@@ -11,30 +11,7 @@ import { Edit2, TickCircle } from 'iconsax-react';
 import { CountDownTimer } from '@/components/CountDownTimer';
 import { CountryCodeSelector } from '../../CountryCodeSelector';
 import { Icon } from '@rkheftan/harmony-ui';
-
-interface PhoneEditFormProps {
-  phoneNumber: string;
-  setPhoneNumber: (v: string) => void;
-  countryCode: string;
-  setCountryCode: (v: string) => void;
-  verificationCode: string;
-  setVerificationCode: (v: string) => void;
-  isVerified: boolean;
-  isVerifying: boolean;
-  buttonState: 'default' | 'counting';
-  setButtonState: (v: 'default' | 'counting') => void;
-  handleSendCode: () => void;
-  handleVerifyClick: () => void;
-  error?: string;
-  inputError: boolean;
-  handleBlur: () => void;
-  textFieldRef: React.RefObject<HTMLDivElement>;
-  inputRef: React.RefObject<HTMLInputElement>;
-  phones: { phone: string; time: string; withCode: string }[];
-  showToast: boolean;
-  setShowToast: (v: boolean) => void;
-  t: (key: string) => string;
-}
+import { type PhoneEditFormProps } from '@/features/profile/types/settingsType';
 
 export default function PhoneEditForm({
   phoneNumber,
@@ -55,8 +32,6 @@ export default function PhoneEditForm({
   textFieldRef,
   inputRef,
   phones,
-  showToast,
-  setShowToast,
   t,
 }: PhoneEditFormProps) {
   const isValidPhoneNumber = (phone: string) => {