feat: add individual padding to every state page

src/pages/ValidatorOnboarding/Activation/Activation.tsx

@@ -1,7 +1,7 @@
 import { YStack } from 'tamagui'
 
 const Activation = () => {
-  return <YStack></YStack>
+  return <YStack style={{ padding: '16px 32px' }}></YStack>
 }
 
 export default Activation

src/pages/ValidatorOnboarding/KeyGeneration/KeyGeneration.tsx

@@ -3,7 +3,7 @@ import KeyGenerationHeader from './KeyGenerationHeader'
 
 const KeyGeneration = () => {
   return (
-    <YStack space={'$2'} style={{ width: '100%' }}>
+    <YStack space={'$2'} style={{ width: '100%', padding: '16px 32px' }}>
       <KeyGenerationHeader />
     </YStack>
   )

src/pages/ValidatorOnboarding/Overview/Overview.tsx

@@ -7,7 +7,7 @@ import { ArrowRightIcon } from '@status-im/icons'
 const Overview = () => {
   return (
     <>
-      <YStack className="layout-left" space={'$5'}>
+      <YStack className="layout-left" space={'$5'} style={{ padding: '16px 32px' }}>
         <TextTam fontSize={27} fontWeight={'600'} style={{ marginBottom: '5px' }}>
           Overview
         </TextTam>

src/pages/ValidatorOnboarding/ValidatorBoxWrapper/ValidatorBoxWrapper.tsx

@@ -15,7 +15,6 @@ const ValidatorBoxWrapper = ({ children }: ValidatorBoxWrapperProps) => {
         flexDirection: 'row',
         backgroundColor: '#fff',
         zIndex: 999,
-        padding: '16px 32px',
         width: '100%',
       }}
     >

src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup.tsx

@@ -5,7 +5,7 @@ import { Text } from '@status-im/components'
 
 const ValidatorSetup = () => {
   return (
-    <YStack style={{ width: '100%' }}>
+    <YStack style={{ width: '100%', padding: '16px 32px' }}>
       <XStack justifyContent={'space-between'}>
         <Text size={27} weight={'semibold'}>
           Validator Setup