format

src/components/General/AddCards/AddCardsContainer.tsx

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

src/pages/Dashboard/BalanceChartCard/BalanceChartCard.tsx

@@ -37,8 +37,8 @@ const BalanceChartCard = () => {
   }
 
   return (
-    <DashboardCardWrapper minWidth={'536px'}  maxHeight='300px' >
-      <YStack space={'$4'} >
+    <DashboardCardWrapper minWidth={'536px'} maxHeight="300px">
+      <YStack space={'$4'}>
         <XStack justifyContent={'space-between'}>
           <YStack>
             <Text size={15} weight={'semibold'}>

src/pages/Dashboard/BalanceChartCard/LineChart.tsx

@@ -37,7 +37,7 @@ const LineChart = ({ years, userGains }: LineChartProps) => {
   }
 
   return (
-    <Stack width={'100%'} height={'75%'} > 
+    <Stack width={'100%'} height={'75%'}>
       <Line data={data} options={options} />
     </Stack>
   )

src/pages/Dashboard/DashboardCardWrapper.tsx

@@ -31,7 +31,7 @@ const DashboardCardWrapper = ({
         backgroundColor: '$background',
         minWidth: minWidth,
         maxWidth: maxWidth,
-        maxHeight: maxHeight
+        maxHeight: maxHeight,
       }}
     >
       {children}

src/pages/Dashboard/DashboardContent.tsx

@@ -14,18 +14,18 @@ import SyncStatusCard from './SyncStatusCards/SyncStatusCards'
 import MemoryCard from './MemoryCard/MemoryCard'
 import { useEffect, useState } from 'react'
 const DashboardContent = () => {
-  const [windowWidth, setWindowWidth] = useState(window.innerWidth);
+  const [windowWidth, setWindowWidth] = useState(window.innerWidth)
 
   useEffect(() => {
     const handleResize = () => {
-      setWindowWidth(window.innerWidth);
-    };
+      setWindowWidth(window.innerWidth)
+    }
 
-    window.addEventListener('resize', handleResize);
+    window.addEventListener('resize', handleResize)
     return () => {
-      window.removeEventListener('resize', handleResize);
-    };
-  }, []);
+      window.removeEventListener('resize', handleResize)
+    }
+  }, [])
   return (
     <YStack
       space="$4"
@@ -41,12 +41,13 @@ const DashboardContent = () => {
     >
       <TitleLogo />
 
-      <div style={{
-            display: 'grid',
-            gridTemplateColumns: windowWidth < 1300 ? '0.5fr' : '25fr 25fr 90fr',
-            gap: '16px'
-        }}>
-
+      <div
+        style={{
+          display: 'grid',
+          gridTemplateColumns: windowWidth < 1300 ? '0.5fr' : '25fr 25fr 90fr',
+          gap: '16px',
+        }}
+      >
         <SyncStatusCard />
         <AddCardsContainer />
 
@@ -55,7 +56,7 @@ const DashboardContent = () => {
 
       <BasicInfoCards />
 
-      <XStack space="$3" flexWrap='wrap' >
+      <XStack space="$3" flexWrap="wrap">
         <YStack space="$4">
           <XStack justifyContent="space-between">
             <ConsensusUptimeCard />
@@ -83,4 +84,3 @@ const DashboardContent = () => {
 }
 
 export default DashboardContent
-

src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx

@@ -28,8 +28,8 @@ const DeviceUptime = () => {
   }
 
   return (
-    <DashboardCardWrapper maxHeight='350px'>
-      <YStack space={'$3'}   >
+    <DashboardCardWrapper maxHeight="350px">
+      <YStack space={'$3'}>
         <XStack justifyContent={'space-between'}>
           <YStack>
             <Text size={15} weight={'semibold'}>

src/pages/Dashboard/ExecutionUptime/ExecutionUptime.tsx

@@ -14,7 +14,7 @@ const ExecutionUptime = () => {
         minWidth: '260px',
       }}
     >
-      <YStack space={'$3'}   minHeight={'156px'} padding={'$3'}>
+      <YStack space={'$3'} minHeight={'156px'} padding={'$3'}>
         <YStack>
           <Text size={15} weight={'semibold'}>
             Execution Uptime

src/pages/Dashboard/SyncStatusCards/SyncStatusCards.tsx

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