fix: use iframe for nsecbunker auth

src/pages/login/index.tsx

@@ -31,6 +31,7 @@ export const Login = () => {
   const [isLoading, setIsLoading] = useState(false)
   const [loadingSpinnerDesc, setLoadingSpinnerDesc] = useState('')
   const [inputValue, setInputValue] = useState('')
+  const [authUrl, setAuthUrl] = useState<string>()
 
   const [isNostrExtensionAvailable, setIsNostrExtensionAvailable] =
     useState(false)
@@ -175,7 +176,11 @@ export const Login = () => {
     setLoadingSpinnerDesc('Creating nsecbunker singer')
     await nostrController
       .createNsecBunkerSigner(pubkey)
-      .then(async () => {
+      .then(async (signer) => {
+        signer.on('authUrl', (url: string) => {
+          setAuthUrl(url)
+        })
+
         dispatch(updateLoginMethod(LoginMethods.nsecBunker))
         dispatch(updateNsecbunkerPubkey(pubkey))
 
@@ -216,6 +221,17 @@ export const Login = () => {
     return
   }
 
+  if (authUrl) {
+    return (
+      <iframe
+        title='Nsecbunker auth'
+        src={authUrl}
+        width='100%'
+        height='500px'
+      />
+    )
+  }
+
   return (
     <>
       {isLoading && <LoadingSpinner desc={loadingSpinnerDesc} />}