feat: create charts folder and move files

src/components/Charts/DeviceCPULoad.stories.tsx

@@ -16,7 +16,7 @@ type Story = StoryObj<typeof meta>
 
 export const GoodStats: Story = {
   args: {
-    load: [12, 123, 4,32,40],
+    load: [12, 123, 4, 32, 40],
   },
 }
 

src/components/Charts/DeviceCPULoad.tsx

@@ -1,5 +1,5 @@
 import StandartLineChart from './StandardLineChart'
-import IconText from './IconText'
+import IconText from '../IconText'
 import { Paragraph, Separator, XStack, YStack } from 'tamagui'
 import { Shadow, Text } from '@status-im/components'
 

src/components/Charts/DeviceMemoryHealth.stories.tsx

@@ -30,6 +30,6 @@ export const BadStats: Story = {
 export const EmptyStats: Story = {
   args: {
     currentMemory: [],
-    maxMemory:0,
+    maxMemory: 0,
   },
 }

src/components/Charts/DeviceMemoryHealth.tsx

@@ -1,6 +1,6 @@
 import StandartLineChart from './StandardLineChart'
 
-import IconText from './IconText'
+import IconText from '../IconText'
 import { Paragraph, Separator, XStack, YStack } from 'tamagui'
 import { Shadow as ShadowBox, Text } from '@status-im/components'
 

src/components/Charts/DeviceNetworkHealth.tsx

@@ -1,5 +1,5 @@
 import StandartLineChart from './StandardLineChart'
-import IconText from './IconText'
+import IconText from '../IconText'
 import { Paragraph, Separator, XStack, YStack } from 'tamagui'
 import { Shadow as ShadowBox, Text } from '@status-im/components'
 

src/components/Charts/DeviceStorageHealth.tsx

@@ -1,4 +1,4 @@
-import IconText from './IconText'
+import IconText from '../IconText'
 import { Paragraph, Separator, XStack, YStack } from 'tamagui'
 import StandardGauge from './StandardGauge'
 import { Shadow, Text } from '@status-im/components'

src/components/Charts/StandardGauge.tsx

@@ -23,8 +23,8 @@ const StandardGauge = ({ data }: StandardGaugeProps) => (
     arcLinkLabelsColor={{ from: 'color' }}
     enableArcLabels={false}
     legends={[]}
-    motionConfig="gentle"  // Define transition style
-    animate={false}         // Enable animation
+    motionConfig="gentle"
+    animate={false}
   />
 )
 

src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx

@@ -2,13 +2,13 @@ import { Stack, XStack, YStack } from 'tamagui'
 import PageWrapperShadow from '../../components/PageWrappers/PageWrapperShadow'
 import NimbusLogo from '../../components/Logos/NimbusLogo'
 import Titles from '../../components/Titles'
-import DeviceStorageHealth from '../../components/DeviceStorageHealth'
-import DeviceCPULoad from '../../components/DeviceCPULoad'
+import DeviceStorageHealth from '../../components/Charts/DeviceStorageHealth'
+import DeviceCPULoad from '../../components/Charts/DeviceCPULoad'
 import HealthInfoSection from '../../components/HealthInfoSection'
 import { Button, InformationBox } from '@status-im/components'
 import Icon from '../../components/Icon'
-import DeviceMemory from '../../components/DeviceMemoryHealth'
-import DeviceNetworkHealth from '../../components/DeviceNetworkHealth'
+import DeviceMemory from '../../components/Charts/DeviceMemoryHealth'
+import DeviceNetworkHealth from '../../components/Charts/DeviceNetworkHealth'
 
 const DeviceHealthCheck = () => {
   return (