fix: add icon, order imports and add spaces

src/pages/ValidatorOnboarding/ClientSetup/ClientSetup.tsx

@@ -1,10 +1,11 @@
 import { Separator, Stack, XStack, YStack } from 'tamagui'
-import SetupRow from './SetupRow'
-import WithdrawalAddress from './WithdrawalAddress'
 import { Text } from '@status-im/components'
 import { ArrowRightIcon } from '@status-im/icons'
 import { Link } from 'react-router-dom'
 
+import SetupRow from './SetupRow'
+import WithdrawalAddress from './WithdrawalAddress'
+
 const ClientSetup = () => {
   return (
     <YStack padding={'26px'} width={'100%'} space={'$8'}>

src/pages/ValidatorOnboarding/ClientSetup/SetupRow.tsx

@@ -1,10 +1,11 @@
 import { Stack, XStack, YStack } from 'tamagui'
 import { Input as StatusInput, Text } from '@status-im/components'
-import { AddIcon } from '@status-im/icons'
+import { AddIcon, ChevronDownIcon } from '@status-im/icons'
 
 type SetupRowProps = {
   title: string
 }
+
 const SetupRow = ({ title }: SetupRowProps) => {
   return (
     <YStack space={'$4'}>
@@ -27,9 +28,12 @@ const SetupRow = ({ title }: SetupRowProps) => {
           </Text>
         </YStack>
         <YStack space={'$2'}>
+          <XStack style={{ justifyContent: 'space-between' }}>
             <Text size={19} weight={'semibold'} color="#09101C">
               USD
             </Text>
+            <ChevronDownIcon size={16} color={'#919191'} />
+          </XStack>
           <Text size={27} weight={'semibold'} color="#09101C">
             $4,273 USD
           </Text>

src/pages/ValidatorOnboarding/ClientSetup/WithdrawalAddress.tsx

@@ -1,9 +1,11 @@
 import { Stack, YStack } from 'tamagui'
 import { InformationBox, Input as StatusInput, Text } from '@status-im/components'
 import { ClearIcon, CloseCircleIcon } from '@status-im/icons'
+
 type WithdrawalAddressProps = {
   title: string
 }
+
 const WithdrawalAddress = ({ title }: WithdrawalAddressProps) => {
   return (
     <YStack space={'$4'}>