removing unused imports, creating a file for global decelaration

src/features/authorization/components/AuthenticationSteps/AuthenticationSteps.tsx

@@ -1,15 +1,10 @@
-import React, { useState, type JSX } from 'react';
+import { useState, type JSX } from 'react';
 import { LoginRegisterForm } from './LoginRegiserForm';
 import type { AuthMode, AuthType } from '../../types/authTypes';
 import { OtpVerifyForm } from './OtpVerifyForm';
 import { isNumeric } from '@/utils/regexes/isNumeric';
 import { CompleteSignUp } from './CompleteSignUp';
 import { EnterPasswordForm } from './EnterPasswordForm';
-import {
-  getUserStatusByPhoneNumberOrEmail,
-  sendEmailOtp,
-  sendSmsOtp,
-} from '../../api/authorizationAPI';
 import { UserStatus } from '../../types/userTypes';
 import type { CountryCode, GUID } from '@/types/commonTypes';
 import { VerifyPhoneNumber } from './VerifyPhoneNumber';
@@ -134,11 +129,9 @@ export const AuthenticationSteps = (): JSX.Element => {
 
       {currentStep === 'addedPhoneNumberVerify' && (
         <VerifyPhoneNumber
-          authReturnUrl={authReturnUrl}
           countryCode={countryCode}
           onEditValue={() => setCurrentStep('addPhoneNumber')}
           value={addedPhoneNumberValue}
-          email={loginRegisterValue}
           onPhoneNumberVerified={handlePhoneNumberVerified}
         />
       )}