feat: add folder for general components

src/components/Charts/DeviceCPULoad.tsx

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

src/components/Charts/DeviceMemoryHealth.tsx

@@ -1,6 +1,6 @@
 import StandartLineChart from './StandardLineChart'
 
-import IconText from '../IconText'
+import IconText from '../General/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 '../General/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 '../General/IconText'
 import { Paragraph, Separator, XStack, YStack } from 'tamagui'
 import StandardGauge from './StandardGauge'
 import { Shadow, Text } from '@status-im/components'

src/components/General/HealthInfoSection.tsx

@@ -9,7 +9,7 @@ import {
   GOOD_NETWORK_TEXT,
   GOOD_RAM_MEMORY_TEXT,
   GOOD_STORAGE_TEXT,
-} from '../constants'
+} from '../../constants'
 
 type HealthInfoSectionProps = {
   usedStorage: number // GB

src/components/General/StatusIconText.tsx

@@ -1,4 +1,4 @@
-import { GREEN_CHECKMARK_ICON, RED_CHECKMARK_ICON } from '../constants'
+import { GREEN_CHECKMARK_ICON, RED_CHECKMARK_ICON } from '../../constants'
 import IconText from './IconText'
 
 type StatusIconTextProps = {

src/components/Logos/NimbusLogo.tsx

@@ -1,6 +1,6 @@
 import { XStack } from 'tamagui'
-import Icon from '../Icon'
+import Icon from '../General/Icon'
-import Tag from '../Tag'
+import Tag from '../General/Tag'
 import { Text } from '@status-im/components'
 
 const NimbusLogo = () => {

src/components/Logos/NodesLogo.tsx

@@ -1,6 +1,6 @@
 import { XStack } from 'tamagui'
-import Icon from '../Icon'
+import Icon from '../General/Icon'
-import Tag from '../Tag'
+import Tag from '../General/Tag'
 import { Text } from '@status-im/components'
 
 const NodesLogo = () => {

src/components/PageBackground.tsx

@@ -1,23 +0,0 @@
-import { ReactNode } from 'react'
-import { Stack } from 'tamagui'
-
-type PageBackgroundProps = {
-  children: ReactNode
-}
-
-const PageBackground = ({ children }: PageBackgroundProps) => {
-  return (
-    <Stack
-      style={{
-        backgroundColor: 'white',
-        width: '100vw',
-        background: 'linear-gradient(180deg, rgba(245,242,254,1) 0%, rgba(255,255,255,1) 100%)',
-        height: '100vh',
-      }}
-    >
-      {children}
-    </Stack>
-  )
-}
-
-export default PageBackground

src/pages/ConnectDevicePage/ConnectDevicePage.tsx

@@ -1,15 +1,15 @@
 import { useState } from 'react'
-import BreadcrumbBar from '../../components/BreadcrumbBar'
+import BreadcrumbBar from '../../components/General/BreadcrumbBar'
 import { Button as StatusButton, Tag, Text, Avatar, Checkbox } from '@status-im/components'
 import { Label, Separator, XStack, YStack } from 'tamagui'
 import PageWrapperShadow from '../../components/PageWrappers/PageWrapperShadow'
 import NimbusLogo from '../../components/Logos/NimbusLogo'
-import Titles from '../../components/Titles'
+import Titles from '../../components/General/Titles'
 import NodeIcon from '../../components/Icons/NodeIcon'
 import ConnectIcon from '../../components/Icons/ConnectIcon'
 import PairIcon from '../../components/Icons/PairIcon'
 import CreateIcon from '../../components/Icons/CreateIcon'
-import LabelInputField from '../../components/LabelInputField'
+import LabelInputField from '../../components/General/LabelInputField'
 
 const ConnectDevicePage = () => {
   const [autoConnectChecked, setAutoConnectChecked] = useState(false)

src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx

@@ -1,12 +1,12 @@
 import { Stack, XStack, YStack } from 'tamagui'
 import PageWrapperShadow from '../../components/PageWrappers/PageWrapperShadow'
 import NimbusLogo from '../../components/Logos/NimbusLogo'
-import Titles from '../../components/Titles'
+import Titles from '../../components/General/Titles'
 import DeviceStorageHealth from '../../components/Charts/DeviceStorageHealth'
 import DeviceCPULoad from '../../components/Charts/DeviceCPULoad'
-import HealthInfoSection from '../../components/HealthInfoSection'
+import HealthInfoSection from '../../components/General/HealthInfoSection'
 import { Button, InformationBox } from '@status-im/components'
-import Icon from '../../components/Icon'
+import Icon from '../../components/General/Icon'
 import DeviceMemory from '../../components/Charts/DeviceMemoryHealth'
 import DeviceNetworkHealth from '../../components/Charts/DeviceNetworkHealth'
 

src/pages/LandingPage/LandingPage.tsx

@@ -1,6 +1,6 @@
 import PageWrapperShadow from '../../components/PageWrappers/PageWrapperShadow'
 import './LandingPage.css'
-import QuickStartBar from '../../components/QuickStartBar'
+import QuickStartBar from '../../components/General/QuickStartBar'
 
 function LandingPage() {
   return (