fix: update logos with status texts

src/components/LandingPage.tsx

@@ -1,7 +1,6 @@
 import LayoutComponent from './LayoutComponent'
 import './LandingPage.css'
 import QuickStartBar from './QuickStartBar'
-import IconText from './IconText'
 
 function LandingPage() {
   return (
@@ -15,7 +14,6 @@ function LandingPage() {
 function Content() {
   return (
     <div className="container-inner landing-page">
-      <IconText icon="src/assets/nodes-app-icon.png">Quick Start</IconText>
       <header>
         <div>
           <div>

src/components/NimbusLogo.tsx

@@ -1,6 +1,7 @@
-import { Text, XStack } from 'tamagui'
+import { XStack } from 'tamagui'
 import Icon from './Icon'
 import Tag from './Tag'
+import { Text } from '@status-im/components'
 
 const NimbusLogo = () => {
   return (
@@ -12,7 +13,9 @@ const NimbusLogo = () => {
       space={'$2'}
     >
       <Icon src={'/icons/marks.png'} width={55} height={60} />
-      <Text style={{ fontWeight: '650', fontSize: '24px' }}>Nimbus</Text>
+      <Text size={27} weight={'medium'}>
+        Nimbus
+      </Text>
       <Tag text="BETA" />
     </XStack>
   )

src/components/NodesLogo.tsx

@@ -1,6 +1,7 @@
-import { Text, XStack } from 'tamagui'
+import { XStack } from 'tamagui'
 import Icon from './Icon'
 import Tag from './Tag'
+import { Text } from '@status-im/components'
 
 const NodesLogo = () => {
   return (
@@ -12,7 +13,9 @@ const NodesLogo = () => {
       space={'$2'}
     >
       <Icon src={'src/assets/nodes-app-icon.png'} width={32} height={32} />
-      <Text style={{ fontWeight: '700', fontSize: '28px' }}>nodes</Text>
+      <Text size={27} weight={'semibold'}>
+        nodes
+      </Text>
       <Tag text="BETA" />
     </XStack>
   )