fix(management-header): remove sync card containers styles

src/pages/ValidatorManagement/ManagementHeader.tsx

@@ -2,7 +2,6 @@ import { XStack } from 'tamagui'
 
 import NimbusLogo from '../../components/Logos/NimbusLogo'
 import SyncStatusCard from '../../components/General/SyncStatusCard'
-import styles from './validatorManagement.module.css'
 
 const ManagementHeader = () => {
   return (
@@ -14,24 +13,18 @@ const ManagementHeader = () => {
       }}
     >
       <NimbusLogo subtitle="Validator Management" />
-      <XStack space={'$2'}>
-        <div className={styles['sync-status-card-container-first']}>
       <SyncStatusCard
         synced={123.524}
         total={172.503}
         title="Execution Sync Status"
         color="#2a4af5"
       />
-        </div>
-        <div className={styles['sync-status-card-container-second']}>
       <SyncStatusCard
         synced={123.524}
         total={172.503}
         title="Consensus Sync Status"
         color="#ff6161"
       />
-        </div>
-      </XStack>
     </XStack>
   )
 }

src/pages/ValidatorManagement/validatorManagement.module.css

@@ -1,15 +1,3 @@
-@media (max-width: 1130px) {
-  .sync-status-card-container-first {
-    display: none;
-  }
-}
-
-@media (max-width: 900px) and (min-width: 810px) {
-  .sync-status-card-container-first {
-    display: block;
-  }
-}
-
 @media (max-width: 590px) {
   .sync-status-card-container-second {
     display: none;