feat: create structure for components

src/pages/ValidatorOnboarding/Overview/Overview.tsx

@@ -23,7 +23,7 @@ const Overview = () => {
             Becoming a validator is a big responsibility with important preparation steps. Only
             start the deposit process when youre ready.
           </Text>
-          <Text size={19} color="#939BA1" type={''}>
+          <Text size={19} color="#939BA1">
             By running a validator, you'll be responsible for securing the network and receive
             continuous payouts for actions that help the network reach consensus.
           </Text>

src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx

@@ -1,13 +1,13 @@
 import { YStack } from 'tamagui'
-import FormStepper from './FormStepper'
+import FormStepper from './FormStepper/FormStepper'
 import PageWrapperGradient from '../../components/PageWrappers/PageWrapperGradient'
 import Titles from '../../components/General/Titles'
 import { useState } from 'react'
-import Overview from './Overview'
+import Overview from './Overview/Overview'
-import KeyGeneration from './KeyGeneration'
+import KeyGeneration from './KeyGeneration/KeyGeneration'
-import Advicsories from './Advicsories'
+import Advicsories from './Advicsories/Advicsories'
-import ValidatorSetup from './ValidatorSetup'
+import ValidatorSetup from './ValidatorSetup/ValidatorSetup'
-import Activation from './Activation'
+import Activation from './Activation/Activation'
 
 const ValidatorOnboarding = () => {
   const [activeStep, setActiveStep] = useState(0)