Merge branch 'rd-hn.create-pair-device-page' of https://github.com/nimbus-gui/nimbus-gui into rd-hn.create-pair-device-page

src/pages/DeviceSyncStatus/DeviceSyncStatus.tsx

@@ -32,7 +32,6 @@ const DeviceSyncStatus = () => {
         style={{
           justifyContent: 'end',
           alignItems: 'start',
-          marginBottom: '2rem',
           maxWidth: '100%',
         }}
       >
@@ -41,7 +40,7 @@ const DeviceSyncStatus = () => {
           title="Sync Status"
           subtitle="Monitor your Validator Client and Beacon Node syncing progression."
         />
-        <YStack>
+        <YStack style={{ width: '100%' }}>
           <SyncStatusCardExecution synced={132432} total={200000} />
           <SyncStatusCardConsensus synced={149500} total={160000} />
         </YStack>

src/pages/DeviceSyncStatus/SyncStatusCardConsensus.tsx

@@ -35,7 +35,7 @@ const SyncStatusCardConsensus: React.FC<DeviceStorageHealthProps> = ({ synced, t
     <Shadow
       variant="$2"
       style={{
-        width: '632px',
+        width: '100%',
         borderRadius: '16px',
         borderTopLeftRadius: '0px',
         borderTopRightRadius: '0px',

src/pages/DeviceSyncStatus/SyncStatusCardExecution.tsx

@@ -34,7 +34,7 @@ const SyncStatusCardExecution: React.FC<DeviceStorageHealthProps> = ({ synced, t
     <Shadow
       variant="$2"
       style={{
-        width: '632px',
+        width: '100%',
         borderRadius: '16px',
         borderBottomRightRadius: '0px',
         borderBottomLeftRadius: '0px',