fix: icon text work with status text

src/components/FormattedText.tsx

@@ -4,7 +4,7 @@ export type TextElement = {
   text: string
   bold?: boolean
   italic?: boolean
-  weight?: 'regular' | 'medium' | 'bold'
+  weight?: 'regular' | 'medium' | 'semibold'
 }
 
 type FormattedTextProps = {

src/components/IconText.tsx

@@ -1,12 +1,13 @@
-import { Paragraph, XStack } from 'tamagui'
+import { XStack } from 'tamagui'
 import Icon from './Icon'
+import { Text } from '@status-im/components'
 
 type IconTextProps = {
   icon: string
   children: string
 }
 
-const IconText = ({ icon, children, ...props }: IconTextProps) => {
+const IconText = ({ icon, children }: IconTextProps) => {
   return (
     <XStack
       style={{
@@ -15,9 +16,9 @@ const IconText = ({ icon, children, ...props }: IconTextProps) => {
       space={'$2'}
     >
       <Icon src={icon} />
-      <Paragraph {...props} color={'#000000'} fontWeight={'bold'}>
+      <Text size={11} color={'#000000'} weight={"medium"} >
         {children}
-      </Paragraph>
+      </Text>
     </XStack>
   )
 }

src/components/LandingPage.tsx

@@ -1,7 +1,7 @@
 import LayoutComponent from './LayoutComponent'
 import './LandingPage.css'
 import QuickStartBar from './QuickStartBar'
-import NodesLogo from './NodesLogo'
+import IconText from './IconText'
 
 function LandingPage() {
   return (
@@ -15,6 +15,7 @@ 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>
@@ -24,7 +25,6 @@ function Content() {
             nodes<span className="beta">BETA</span>
           </p>
         </div>
-        <NodesLogo />
       </header>
       <article className="content">
         <div className="avatar">