add ok button

src/App.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react'
+import { useState } from 'react'
 import reactLogo from './assets/react.svg'
 import twaLogo from './assets/tapps.png'
 import viteLogo from '/vite.svg'
@@ -17,16 +17,6 @@ function App() {
 
   const cartridgeConnector = connectors[0]
 
-  useEffect(() => {
-    WebApp.BiometricManager.init(() => {
-      WebApp.BiometricManager.requestAccess({
-        reason: 'we need your biometric data',
-      })
-    })
-    WebApp.SettingsButton.show()
-    WebApp.SettingsButton.isVisible = true
-  }, [])
-
   return (
     <>
       <div>
@@ -56,6 +46,16 @@ function App() {
         </button>
       </div>
 
+      <button onClick={() => {
+        WebApp.SettingsButton.show()
+        WebApp.BiometricManager.init(() => {
+          WebApp.BiometricManager.requestAccess({
+            reason: 'we need your biometric data',
+          })
+      })
+      }}>
+        ok
+      </button>
       <div className="card">
         <button onClick={() => WebApp.BiometricManager.openSettings()}>
             Bio settings