fix: change name of sync card

src/pages/ValidatorOnboarding/KeyGeneration/KeyGenerationHeader.tsx

@@ -1,5 +1,5 @@
 import { XStack } from 'tamagui'
-import SyncCard from './SyncCard'
+import KeyGenerationSyncCard from './KeyGenerationSyncCard'
 import KeyGenerationTitle from './KeyGenerationTitle'
 
 const KeyGenerationHeader = () => {
@@ -7,8 +7,8 @@ const KeyGenerationHeader = () => {
     <XStack style={{ width: '100%', alignItems: 'center', justifyContent: 'space-between' }}>
       <KeyGenerationTitle />
       <XStack space={'$2'}>
-        <SyncCard synced={123.524} total={172.503} title="Execution Sync Status" />
+        <KeyGenerationSyncCard synced={123.524} total={172.503} title="Execution Sync Status" />
-        <SyncCard synced={123.524} total={172.503} title="Consensus Sync Status" />
+        <KeyGenerationSyncCard synced={123.524} total={172.503} title="Consensus Sync Status" />
       </XStack>
     </XStack>
   )

src/pages/ValidatorOnboarding/KeyGeneration/KeyGenerationSyncCard.stories.ts

@@ -1,16 +1,16 @@
 import type { Meta, StoryObj } from '@storybook/react'
 
-import SyncCard from './SyncCard'
+import KeyGenerationSyncCard from './KeyGenerationSyncCard'
 
 const meta = {
-  title: 'ValidatorOnboarding/SyncCard',
+  title: 'ValidatorOnboarding/KeyGenerationSyncCard',
-  component: SyncCard,
+  component: KeyGenerationSyncCard,
   parameters: {
     layout: 'centered',
   },
   tags: ['autodocs'],
   argTypes: {},
-} satisfies Meta<typeof SyncCard>
+} satisfies Meta<typeof KeyGenerationSyncCard>
 
 export default meta
 type Story = StoryObj<typeof meta>

src/pages/ValidatorOnboarding/KeyGeneration/KeyGenerationSyncCard.tsx

@@ -3,13 +3,13 @@ import StandardGauge from '../../../components/Charts/StandardGauge'
 import { ClearIcon } from '@status-im/icons'
 import { Text } from '@status-im/components'
 
-type SyncCardProps = {
+type KeyGenerationSyncCardProps = {
   synced: number
   total: number
   title: string
 }
 
-const SyncCard = ({ synced, total, title }: SyncCardProps) => {
+const KeyGenerationSyncCard = ({ synced, total, title }: KeyGenerationSyncCardProps) => {
   const data = () => {
     return [
       {
@@ -54,4 +54,4 @@ const SyncCard = ({ synced, total, title }: SyncCardProps) => {
   )
 }
 
-export default SyncCard
+export default KeyGenerationSyncCard