feat(migrate-panel): add rest of the content components

src/pages/ValidatorManagement/ManageValidator/RightManageSettings/Panels/MigratePanel.tsx

@@ -1,22 +1,28 @@
-import { InformationBox, Text } from '@status-im/components'
+import { Button, InformationBox, Text } from '@status-im/components'
 import { CloseCircleIcon } from '@status-im/icons'
 import { YStack } from 'tamagui'
 
+import KeystoreBackupsCard from '../../../../ValidatorOnboarding/KeyGeneration/KeystoreFiles/KeystoreBackupsCard'
+
 const MigratePanel = () => {
+  const migrateValidatorHandler = () => {}
   return (
     <YStack>
       <Text size={19} weight={'semibold'}>
         Migrate Validator
       </Text>
+      <img src="" alt="" />
       <Text size={15}>
         You are about to Migrate your validator it is not possible for you to
         revert this action! Please make sure you understand the consequences.
       </Text>
+      <KeystoreBackupsCard />
       <InformationBox
         message="Please make sure to enforce the file on another node to continue validating with your Validator."
         variant="error"
         icon={<CloseCircleIcon size={20} />}
       />
+      <Button onPress={migrateValidatorHandler}>Migrate Validator</Button>
     </YStack>
   )
 }