feat(nimbus-logo): final style and navigation

src/components/General/NimbusText.tsx

@@ -1,4 +1,8 @@
+import { useNavigate } from 'react-router-dom'
+
 const NimbusText = () => {
+  const navigate = useNavigate()
+
   return (
     <svg
       width="80"
@@ -6,6 +10,8 @@ const NimbusText = () => {
       viewBox="0 0 80 17"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
+      style={{ cursor: 'pointer', marginLeft: '1px' }}
+      onClick={() => navigate('/')}
     >
       <g id="Nimbus">
         <path

src/components/Logos/NimbusLogo.tsx

@@ -1,6 +1,5 @@
 import { Text } from '@status-im/components'
 import { XStack, YStack } from 'tamagui'
-import { Link } from 'react-router-dom'
 
 import NimbusLogoMark from './NimbusLogoMark'
 import NimbusText from '../General/NimbusText'
@@ -15,12 +14,10 @@ const NimbusLogo = ({ subtitle }: NimbusLogoProps) => {
     <XStack space={'$3'} className={subtitle ? '' : 'nimbus-logo'}>
       <NimbusLogoMark />
       <YStack style={{ paddingTop: '2px' }}>
-        <Link to="/" style={{ textDecoration: 'none', color: 'inherit' }}>
+        <XStack space={'$2'} alignItems="flex-end">
-          <XStack space={'$3'}>
+          <NimbusText />
-            <NimbusText />
+          {!subtitle && <BetaTag />}
-            {!subtitle && <BetaTag />}
+        </XStack>
-          </XStack>
-        </Link>
         <Text size={19} color="#647084">
           {subtitle}
         </Text>