feat: render existing instance in pair device

src/pages/PairDevice/PairDevice.tsx

@@ -10,6 +10,7 @@ import PairedSuccessfully from './PairedSuccessfully'
 import CreateAvatar from '../../components/General/CreateAvatar/CreateAvatar'
 import GenerateId from './GenerateId'
 import Header from '../../components/General/Header'
+import ConnectExistingInstance from '../ConnectExistingInstance/ConnectExistingInstance'
 
 const PairDevice = () => {
   const [isAwaitingPairing, setIsAwaitingPairing] = useState(false)
@@ -33,7 +34,15 @@ const PairDevice = () => {
           title="Connect to existing Nimbus Instance"
           subtitle="Pair your existing device to the Nimbus Node Manager"
         />
-        {isPaired ? <PairedSuccessfully /> : <GenerateId isAwaitingPairing={isAwaitingPairing} />}
+        {isConnectingViaIp ? (
+          <ConnectExistingInstance />
+        ) : (
+          <>
+            {isPaired ? (
+              <PairedSuccessfully />
+            ) : (
+              <GenerateId isAwaitingPairing={isAwaitingPairing} />
+            )}
             {isPaired === false && (
               <SyncStatus
                 isPairing={isPairing}
@@ -41,6 +50,8 @@ const PairDevice = () => {
                 changeSetIsAwaitingPairing={changeSetIsAwaitingPairing}
               />
             )}
+          </>
+        )}
         {isPaired === false && (
           <YStack space={'$3'}>
             <Separator borderColor={'#e3e3e3'} />