feat: first row with cards structure

src/pages/Dashboard/Dashboard.tsx

@@ -1,12 +1,19 @@
-import { YStack } from 'tamagui'
+import { XStack, YStack } from 'tamagui'
 
 import BasicInfoCards from './BasicInfoCards/BasicInfoCards'
 import AddCardsContainer from '../../components/General/AddCards/AddCardsContainer'
+import SyncStatusCard from './SyncStatusCard'
 
 const Dashboard = () => {
   return (
     <YStack space={'$2'} alignItems="start">
-      <AddCardsContainer />
+      <XStack space={'$2'}>
+        <XStack space={'$4'}>
+          <SyncStatusCard />
+          <AddCardsContainer />
+        </XStack>
+        <XStack space={'$2'}></XStack>
+      </XStack>
       <BasicInfoCards />
     </YStack>
   )