Add TODOs for follow-on PRs

src/App.tsx

@@ -6,9 +6,9 @@ import SignWithNitroKey from "./pages/SignWithNitroKey";
 import SignWithCosmos from "./pages/SignWithCosmos";
 import PageNotFound from "./pages/PageNotFound";
 import OnboardingSuccess from "./pages/OnboardingSuccess";
+import UserVerification from "./pages/UserVerification";
 import SignPageLayout from "./layout/SignPageLayout";
 import { WalletConnectProvider } from "./context/WalletConnectContext";
-import UserVerification from "./pages/UserVerification";
 
 function App() {
   return (

src/pages/UserVerification.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react'
 import { useNavigate } from 'react-router-dom';
 
-import { Box, Button, Typography } from '@mui/material'
+import { Box, Typography } from '@mui/material'
 import SumsubWebSdk from '@sumsub/websdk-react'
 
 const UserVerification = () => {
@@ -13,7 +13,6 @@ const UserVerification = () => {
 
   useEffect(()=>{
     if (applicationSubmitted) {
-      console.log('application is submitted');
       navigate(`/sign-with-nitro-key/${userId}`)
     }
   }, [applicationSubmitted, userId, navigate]);
@@ -35,8 +34,10 @@ const UserVerification = () => {
   }
 
   const accessToken  = {
+    // TODO: Programmatically fetch access-token using sumsub API
     "token": process.env.REACT_APP_SUMSUB_TOKEN!,
-    "userId": "deepstack32"
+    // TODO: Generate random user-id string
+    "userId": "alice"
   }
 
   const messageHandler = (event: any, payload: any ) => {
@@ -45,7 +46,6 @@ const UserVerification = () => {
     }
 
     if (event === 'idCheck.onApplicantSubmitted'){
-      console.log('Application is submitted');
       setApplicationSubmitted(true);
     }
 
@@ -54,9 +54,6 @@ const UserVerification = () => {
         setApplicationSubmitted(true);
       }
     }
-
-    console.log(event);
-    console.log("Payload is ", payload);
   }
 
   return (