feat: use new validator profile component

src/pages/ValidatorManagement/ManagementTable/ManagementTable.tsx

@@ -1,6 +1,7 @@
 import { Checkbox, Text } from '@status-im/components'
 import { OptionsIcon } from '@status-im/icons'
 
+import ValidatorProfile from '../../../components/General/ValidatorProfile'
 import './ManagementTable.css'
 
 const validators = [
@@ -116,7 +117,9 @@ const ManagementTable = () => {
             <td>
               <Checkbox id={index.toString()} variant="outline" />
             </td>
-            <td></td>
+            <td>
+              <ValidatorProfile number={validator.number} address={validator.address} />
+            </td>
             <td>
               <Text size={15} color={'#647084'} weight={'semibold'}>
                 {validator.balance}

src/pages/ValidatorOnboarding/Deposit/ValidatorRequest/ValidatorRequest.tsx

@@ -1,8 +1,8 @@
-import { Avatar, DividerLine, Text } from '@status-im/components'
+import { DividerLine, Text } from '@status-im/components'
 import { XStack, YStack } from 'tamagui'
 
-import { getFormattedValidatorAddress } from '../../../../utilities'
 import TransactionStatus from './TransactionStatus'
+import ValidatorProfile from '../../../../components/General/ValidatorProfile'
 
 type ValidatorRequestProps = {
   number: number
@@ -17,23 +17,7 @@ const ValidatorRequest = ({ number, isTransactionConfirmation }: ValidatorReques
     <YStack space={'$3'} style={{ width: '100%' }}>
       <XStack style={{ justifyContent: 'space-between', width: '100%', alignItems: 'center' }}>
         <XStack style={{ justifyContent: 'space-between', width: '44%', alignItems: 'center' }}>
-          <XStack space={'$2'}>
-            <Avatar
-              type="user"
-              size={32}
-              src="/icons/validator-request.svg"
-              name={number.toString()}
-              indicator="online"
-            />
-            <YStack>
-              <Text size={13} weight={'semibold'}>
-                Validator {number}
-              </Text>
-              <Text size={13} color="#647084">
-                {getFormattedValidatorAddress('zQ3asdf9d4Gs0')}
-              </Text>
-            </YStack>
-          </XStack>
+          <ValidatorProfile number={number} address={'zQ3asdf9d4Gs0'} />
           <Text size={13} color="#647084" weight={'semibold'}>
             Keys Generated
           </Text>