feat: add valid icon to sync card

src/pages/Dashboard/SyncStatusCard/SyncCardContent.tsx

@@ -1,6 +1,9 @@
 import { Separator, XStack, YStack } from 'tamagui'
-import { formatNumberForGauge } from '../../../utilities'
 import { Text } from '@status-im/components'
+import { SwapIcon } from '@status-im/icons'
+
+import { formatNumberForGauge } from '../../../utilities'
+import IconText from '../../../components/General/IconText'
 
 type SyncCardContentProps = {
   title: string
@@ -16,7 +19,7 @@ const SyncCardContent = ({ title, value, total }: SyncCardContentProps) => {
       </Text>
       <Separator borderColor={'#e3e3e3'} />
       <XStack space={'$2'} style={{ padding: '10px 16px 10px 16px' }}>
-        {/* <IconText icon={<TokenIcon size={16} />}>Syncing</IconText> */}
+        <IconText icon={<SwapIcon size={16} />}>Syncing</IconText>
         <Text size={13}>
           {formatNumberForGauge(value)} / {formatNumberForGauge(total)}
         </Text>

src/pages/Dashboard/SyncStatusCard/SyncStatusCard.tsx

@@ -1,8 +1,8 @@
 import { Separator, YStack } from 'tamagui'
+import { Text } from '@status-im/components'
 
 import SyncCardContent from './SyncCardContent'
 import DashboardCardWrapper from '../DashboardCardWrapper'
-import { Text } from '@status-im/components'
 
 const SyncStatusCard = () => {
   return (