feat: create PasswordFields component

src/pages/ValidatorOnboarding/KeyGeneration/KeyGeneration.tsx

@@ -3,6 +3,7 @@ import KeyGenerationHeader from './KeyGenerationHeader'
 import RecoveryMechanism from './RecoveryMechanism'
 import { Button, InformationBox, Text } from '@status-im/components'
 import { CloseCircleIcon } from '@status-im/icons'
+import PasswordFields from './PasswordFields'
 
 const KeyGeneration = () => {
   return (
@@ -12,6 +13,7 @@ const KeyGeneration = () => {
       <Text size={27} weight={'semibold'}>
         4 Validators
       </Text>
+      <PasswordFields />
       <Button>Generate Key files</Button>
       <InformationBox
         message="You should see that you have one keystore per validator. This keystore contains your signing key, encrypted with your password. Warning: Do not store keys on multiple (backup) validator clients at once"

src/pages/ValidatorOnboarding/KeyGeneration/PasswordFields.tsx

@@ -0,0 +1,21 @@
+import { Input, XStack, YStack } from 'tamagui'
+import BorderBox from '../../../components/General/BorderBox'
+import { Text } from '@status-im/components'
+
+const PasswordFields = () => {
+  return (
+    <XStack space={'$2'} style={{ justifyContent: 'space-between' }}>
+      <YStack space={'$2'}>
+        <Input placeholder="Password" />
+        <Input placeholder="Confirm Password" />
+      </YStack>
+      <BorderBox>
+        <Text size={15} weight={'semibold'}>
+          Download Key Files
+        </Text>
+      </BorderBox>
+    </XStack>
+  )
+}
+
+export default PasswordFields