refactor(overview-card): use status text and remove YStack

src/pages/ValidatorOnboarding/Overview/OverviewCard.tsx

@@ -1,5 +1,6 @@
+import { Text } from '@status-im/components'
+
 import styles from './overviewLayout.module.css'
-import { Text, YStack } from 'tamagui'
 
 type OverviewCardProps = {
   text: string
@@ -8,23 +9,16 @@ type OverviewCardProps = {
 
 const OverviewCard = ({ text, value }: OverviewCardProps) => {
   return (
-    <YStack>
-      <div className={styles.overviewCard}>
-        <Text
-          fontWeight={'500'}
-          style={{ display: 'block', marginBottom: '8px', fontSize: '15px' }}
-        >
+    <div className={styles['overviewCard']}>
+      <div>
+        <Text size={15} weight={'semibold'}>
           {text}
         </Text>
-        <Text
-          color="blue"
-          fontWeight={'500'}
-          style={{ display: 'block', marginBottom: '8px', fontSize: '27px' }}
-        >
-          {value}
-        </Text>
       </div>
-    </YStack>
+      <Text size={27} weight={'semibold'} color="blue">
+        {value}
+      </Text>
+    </div>
   )
 }