fix: change password fields name to key files

src/pages/ValidatorOnboarding/KeyGeneration/KeyFiles.stories.ts

@@ -1,16 +1,16 @@
 import type { Meta, StoryObj } from '@storybook/react'
 
-import PasswordFields from './PasswordFields'
+import KeyFiles from './KeyFiles'
 
 const meta = {
-  title: 'ValidatorOnboarding/PasswordFields',
-  component: PasswordFields,
+  title: 'ValidatorOnboarding/KeyFiles',
+  component: KeyFiles,
   parameters: {
     layout: 'centered',
   },
   tags: ['autodocs'],
   argTypes: {},
-} satisfies Meta<typeof PasswordFields>
+} satisfies Meta<typeof KeyFiles>
 
 export default meta
 type Story = StoryObj<typeof meta>

src/pages/ValidatorOnboarding/KeyGeneration/KeyFiles.tsx

@@ -5,7 +5,7 @@ import { useState } from 'react'
 
 import BorderBox from '../../../components/General/BorderBox'
 
-const PasswordFields = () => {
+const KeyFiles = () => {
   const [encryptedPassword, setEncryptedPassword] = useState('')
   const [confirmEncryptedPassword, setConfirmEncryptedPassword] = useState('')
 
@@ -84,4 +84,4 @@ const PasswordFields = () => {
   )
 }
 
-export default PasswordFields
+export default KeyFiles

src/pages/ValidatorOnboarding/KeyGeneration/KeyGeneration.tsx

@@ -2,7 +2,7 @@ import { YStack } from 'tamagui'
 import KeyGenerationHeader from './KeyGenerationHeader'
 import RecoveryMechanism from './RecoveryMechanism'
 import { Text } from '@status-im/components'
-import PasswordFields from './PasswordFields'
+import KeyFiles from './KeyFiles'
 import { useState } from 'react'
 import RecoveryPhrase from './RecoveryPhrase'
 
@@ -23,7 +23,7 @@ const KeyGeneration = () => {
       <Text size={27} weight={'semibold'}>
         4 Validators
       </Text>
-      {selectedRecoveryMechanism === 'Key Files' && <PasswordFields />}
+      {selectedRecoveryMechanism === 'Key Files' && <KeyFiles />}
       {selectedRecoveryMechanism === 'Recovery Phrase' && <RecoveryPhrase />}
     </YStack>
   )