feat(support card): create new support card

src/pages/LogsPage/SupportCard.tsx

@@ -1,8 +1,9 @@
 import { Text } from '@status-im/components'
-import { Separator, XStack, YStack } from 'tamagui'
+import { YStack } from 'tamagui'
 import IconText from '../../components/General/IconText'
-import Icon from '../../components/General/Icon'
+
 import DashboardCardWrapper from '../Dashboard/DashboardCardWrapper'
+import { ProfileIcon } from '@status-im/icons'
 
 const SupportCard = () => {
   return (
@@ -12,43 +13,18 @@ const SupportCard = () => {
           borderRadius: '16px',
           border: 'none',
           backgroundColor: '#fff',
-          flexGrow: '1',
+
           minWidth: '280px',
         }}
       >
-        <XStack
+        <Text size={19} weight={'semibold'}>
-          justifyContent="space-between"
+          Nimbus Support
-          style={{
-            padding: '8px 16px',
-            position: 'relative',
-            flexGrow: '1',
-          }}
-        >
-          <YStack space={'$3'} width={'100%'}>
-            <XStack justifyContent="space-between" width={'100%'}>
-              <Text size={27} weight={'semibold'}>
-                Get Support
         </Text>
-              <Text size={15} weight={'semibold'}>
-                {'>'}
-              </Text>
-            </XStack>
-            <XStack>
-              <Text size={27} weight={'semibold'}>
-                Nimbus
-              </Text>
-            </XStack>
-          </YStack>
-        </XStack>
-        <Separator borderColor={'#e3e3e3'} style={{ marginTop: 'auto' }} />
-        <XStack space={'$4'} style={{ padding: '10px 16px' }}>
         <IconText
-            icon={<Icon src="icons/communities.svg" width={16} height={16} />}
+          children={'Join Community'}
+          icon={<ProfileIcon size={20} />}
           weight={'semibold'}
-          >
+        ></IconText>
-            {'Join Community'}
-          </IconText>
-        </XStack>
       </YStack>
     </DashboardCardWrapper>
   )