feat: add handler to real connect button

src/pages/PairDevice/PairDevice.tsx

@@ -2,6 +2,7 @@ import { NodeIcon } from '@status-im/icons'
 import { Separator, XStack, YStack } from 'tamagui'
 import { useState } from 'react'
 import { Button, Text } from '@status-im/components'
+import { useNavigate } from 'react-router-dom'
 
 import PageWrapperShadow from '../../components/PageWrappers/PageWrapperShadow'
 import SyncStatus from './SyncStatus'
@@ -14,6 +15,7 @@ import Icon from '../../components/General/Icon'
 
 const PairDevice = () => {
   const [isAwaitingPairing, setIsAwaitingPairing] = useState(false)
+  const navigate = useNavigate()
   const isPaired = false
   const isPairing = false
 
@@ -21,6 +23,10 @@ const PairDevice = () => {
     setIsAwaitingPairing(result)
   }
 
+  const connectViaIpHandler = () => {
+    navigate('/connect-device')
+  }
+
   return (
     <PageWrapperShadow rightImageSrc="./background-images/day-night-bg.png" rightImageLogo={true}>
       <YStack space={'$3'}>
@@ -48,6 +54,7 @@ const PairDevice = () => {
                 <Button
                   icon={<Icon src="/icons/connection-blue.svg" width={20} />}
                   variant="outline"
+                  onPress={connectViaIpHandler}
                 >
                   Connect via IP
                 </Button>