fix: new imports and order

src/pages/ValidatorOnboarding/KeyGeneration/ConfirmRecoveryPhrase.tsx

@@ -1,14 +1,16 @@
 import { Stack, YStack } from 'tamagui'
-import KeyGenerationTitle from './KeyGenerationTitle'
 import { Input, Text } from '@status-im/components'
 import { useState } from 'react'
 
+import KeyGenerationTitle from './KeyGenerationTitle'
+
 const ConfirmRecoveryPhrase = () => {
   const [words, setWords] = useState<string[]>(Array.from({ length: 24 }, () => ''))
 
   const changeWordHandler = (e: any, index: number) => {
     const newWords = [...words]
     newWords[index] = e.target.value
+    
     setWords(newWords)
   }
 

src/pages/ValidatorOnboarding/KeyGeneration/KeyGeneration.tsx

@@ -3,7 +3,7 @@ import { Text } from '@status-im/components'
 import { useState } from 'react'
 
 import KeyGenerationHeader from './KeyGenerationHeader/KeyGenerationHeader'
-import RecoveryMechanism from './RecoveryMechanism'
+import RecoveryMechanism from './RecoveryMechanism/RecoveryMechanism'
 import KeystoreFiles from './KeystoreFiles'
 import RecoveryPhrase from './RecoveryPhrase'
 import { BOTH_KEY_AND_RECOVERY, KEYSTORE_FILES, RECOVERY_PHRASE } from '../../../constants'

src/pages/ValidatorOnboarding/KeyGeneration/KeyGenerationHeader/KeyGenerationHeader.tsx

@@ -1,4 +1,5 @@
 import { XStack } from 'tamagui'
+
 import KeyGenerationSyncCard from './KeyGenerationSyncCard'
 import KeyGenerationTitle from '../KeyGenerationTitle'
 

src/pages/ValidatorOnboarding/KeyGeneration/KeyGenerationHeader/KeyGenerationSyncCard.tsx

@@ -1,7 +1,8 @@
 import { Stack, XStack, YStack } from 'tamagui'
-import StandardGauge from '../../../../components/Charts/StandardGauge'
 import { ClearIcon } from '@status-im/icons'
 import { Text } from '@status-im/components'
+
+import StandardGauge from '../../../../components/Charts/StandardGauge'
 import BorderBox from '../../../../components/General/BorderBox'
 import { formatNumberForGauge } from '../../../../utilities'