Clear code

src/components/General/AddCards/AddCardsContainer.tsx

@@ -8,7 +8,7 @@ const AddCardsContainer = () => {
   const cards = 2
 
   return (
-    <DashboardCardWrapper padding="0" minWidth="50px"  >
+    <DashboardCardWrapper padding="0" minWidth="50px" >
       <YStack height={'100%'}>
         {Array.from({ length: cards }).map((_, index) => (
           <AddCard key={index} style={{ padding: '56px', height: getHeightPercentages(cards) }} />

src/pages/Dashboard/ConsensusUptime/ConsensusUptimeCard.tsx

@@ -9,7 +9,7 @@ const ConsensusUptimeCard = () => {
   const monthlyActivity = [3, 0, 5, 4, 6, 7, 8, 9, 10, 1, 2, 3]
 
   return (
-    <DashboardCardWrapper maxHeight="100px">
+    <DashboardCardWrapper  >
       <YStack space={'$3'}>
         <YStack>
           <Text size={15} weight={'semibold'}>

src/pages/Dashboard/DashboardContent.tsx

@@ -44,7 +44,7 @@ const DashboardContent = () => {
       className={'transparent-scrollbar'}
     >
       <TitleLogo />
-      <Stack style={{
+      {/* <Stack style={{
         display: 'grid',
         gridTemplateColumns: windowWidth < 1375 ? '1fr 1fr' : '1fr 1fr 2fr',
         gap: '8px',
@@ -61,49 +61,27 @@ const DashboardContent = () => {
             <BalanceChartCard />
           </Stack>
         }
-      </Stack>
+      </Stack> */}
       <BasicInfoCards />
       {/* SECOND ROW ENDS HERE! */}
-      {/* <Stack
-        style={{
-          display: 'grid',
-          gridTemplateColumns: windowWidth < 1300 ? '1fr' : '1.5fr 1fr',
-          gap: '16px',
-        }}
-      >
-        <Stack
-          style={{
-            display: 'grid',
-            gridTemplateColumns: windowWidth < 1300 ? '1fr' : '1fr 1fr',
-            gridAutoFlow: 'row',
-            gap: '16px',
-          }}
-        >
-          <ConsensusUptimeCard />
-          <ExecutionUptime />
-          <Stack style={{ gridColumn: '1 / span 2', marginTop: windowWidth < 1300 ? '50px' : 0 }}>
-            <DeviceUptime />
-          </Stack>
-        </Stack>
 
-        <Stack
-          style={{
-            display: 'grid',
-            gridTemplateColumns: windowWidth < 1750 ? '1fr' : '1fr 1fr',
-            gap: '16px',
-            marginTop: windowWidth < 1300 ? '50px' : 0,
-            maxHeight: '200px',
-          }}
-        >
-          <StorageCard maxStorage={100} storage={82} />
-          <CPUCard load={[12, 31, 3, 2, 24, 98]} />
-          <MemoryCard currentMemory={[21, 33, 3, 42, 35]} maxMemory={50} />
-          <NetworkCard
-            downloadRate={[12, 31, 22, 12, 23, 23, 90]}
-            uploadRate={[31, 22, 32, 132, 32, 45, 65]}
-          />
-        </Stack>
-      </Stack> */}
+      <Stack>
+
+        <ConsensusUptimeCard />
+        <ExecutionUptime />
+
+        <DeviceUptime />
+      </Stack>
+
+
+      <StorageCard maxStorage={100} storage={82} />
+      <CPUCard load={[12, 31, 3, 2, 24, 98]} />
+      <MemoryCard currentMemory={[21, 33, 3, 42, 35]} maxMemory={50} />
+      <NetworkCard
+        downloadRate={[12, 31, 22, 12, 23, 23, 90]}
+        uploadRate={[31, 22, 32, 132, 32, 45, 65]}
+      />
+
 
     </YStack >
   )

src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx

@@ -28,7 +28,7 @@ const DeviceUptime = () => {
   }
 
   return (
-    <DashboardCardWrapper maxHeight="100px">
+    <DashboardCardWrapper >
       <YStack space={'$3'}>
         <XStack justifyContent={'space-between'}>
           <YStack>

src/pages/Dashboard/ExecutionUptime/ExecutionUptime.tsx

@@ -8,7 +8,7 @@ import DashboardCardWrapper from '../DashboardCardWrapper'
 const ExecutionUptime = () => {
   const monthlyActivity = [3, 0, 5, 4, 6, 7, 0, 9, 10, 1, 2, 3]
   return (
-    <DashboardCardWrapper maxHeight="100px">
+    <DashboardCardWrapper  >
       <YStack space={'$3'} minHeight={'156px'} padding={'$3'}>
         <YStack>
           <Text size={15} weight={'semibold'}>

src/pages/Dashboard/SyncStatusCards/SyncStatusCards.tsx

@@ -7,7 +7,7 @@ import ConsensusCard from './ConsensusClientCard'
 
 const SyncStatusCard = () => {
   return (
-    <DashboardCardWrapper padding="0" minWidth="50px"  >
+    <DashboardCardWrapper padding="0" minWidth="50px" >
       <YStack space={'$2'}>
         <Stack style={{ paddingTop: '12px', paddingLeft: '16px' }}>
           <Text size={15} weight={'semibold'}>