fix: delete title and subtitle and use only titles

src/components/General/SubTitle.tsx

@@ -1,16 +0,0 @@
-import { Text } from '@status-im/components'
-
-type SubTitleProps = {
-  color?: string
-  children: string
-}
-
-const SubTitle = ({ color, children }: SubTitleProps) => {
-  return (
-    <Text size={15} color={color}>
-      {children}
-    </Text>
-  )
-}
-
-export default SubTitle

src/components/General/Title.tsx

@@ -1,16 +0,0 @@
-import { Text } from '@status-im/components'
-
-type TitleProps = {
-  color?: string
-  children: string
-}
-
-const Title = ({ color, children }: TitleProps) => {
-  return (
-    <Text size={27} weight={'semibold'} color={color}>
-      {children}
-    </Text>
-  )
-}
-
-export default Title

src/components/General/Titles.tsx

@@ -1,6 +1,5 @@
 import { XStack, YStack } from 'tamagui'
 import { Button, Text } from '@status-im/components'
-import Title from './Title'
 import { RevealIcon } from '@status-im/icons'
 
 type TitlesProps = {
@@ -13,16 +12,16 @@ const Titles = ({ title, subtitle, isAdvancedSettings }: TitlesProps) => {
   return (
     <YStack style={{ width: '100%', margin: '0 0 1em' }}>
       <XStack style={{ justifyContent: 'space-between', alignItems: 'center' }}>
-        <Title color={'#09101C'}>{title}</Title>
+        <Text size={27} weight={'semibold'}>
+          {title}
+        </Text>
         {isAdvancedSettings && (
           <Button size={32} variant="outline" icon={<RevealIcon size={20} />}>
             Advanced Settings
           </Button>
         )}
       </XStack>
-      <Text size={15} weight="regular">
+      <Text size={15}>{subtitle}</Text>
-        {subtitle}
-      </Text>
     </YStack>
   )
 }