fix: handle navigation after create

src/pages/create/index.tsx

@@ -20,11 +20,11 @@ import {
 } from '@mui/material'
 import { MuiFileInput } from 'mui-file-input'
 import { useEffect, useState } from 'react'
-import { Link } from 'react-router-dom'
+import { Link, useNavigate } from 'react-router-dom'
 import placeholderAvatar from '../../assets/images/nostr-logo.jpg'
 import { LoadingSpinner } from '../../components/LoadingSpinner'
 import { MetadataController, NostrController } from '../../controllers'
-import { getProfileRoute } from '../../routes'
+import { appPrivateRoutes, getProfileRoute } from '../../routes'
 import { ProfileMetadata, User, UserRole } from '../../types'
 import {
   encryptArrayBuffer,
@@ -45,6 +45,7 @@ import { useSelector } from 'react-redux'
 import { State } from '../../store/rootReducer'
 
 export const CreatePage = () => {
+  const navigate = useNavigate()
   const [isLoading, setIsLoading] = useState(false)
   const [loadingSpinnerDesc, setLoadingSpinnerDesc] = useState('')
 
@@ -349,7 +350,7 @@ export const CreatePage = () => {
     }
     setIsLoading(false)
 
-    // todo: navigate to verify
+    navigate(`${appPrivateRoutes.sign}?file=${fileUrl}&key=${encryptionKey}`)
   }
 
   if (authUrl) {