feat: add basic structure for sync card

src/pages/Dashboard/SyncStatusCard/SyncCardContent.tsx

@@ -1,7 +1,7 @@
 import { YStack } from 'tamagui'
 
 const SyncCardContent = () => {
-  return <YStack></YStack>
+  return <YStack>Client</YStack>
 }
 
 export default SyncCardContent

src/pages/Dashboard/SyncStatusCard/SyncStatusCard.tsx

@@ -1,7 +1,14 @@
-import { Stack } from 'tamagui'
+import { YStack } from 'tamagui'
+import SyncCardContent from './SyncCardContent'
 
 const SyncStatusCard = () => {
-  return <Stack>Sync Status</Stack>
+  return (
+    <YStack space={'$2'}>
+      Sync Status
+      <SyncCardContent />
+      <SyncCardContent />
+    </YStack>
+  )
 }
 
 export default SyncStatusCard