General improvements and bug fixes

packages/web/src/App.tsx

@@ -1,5 +1,6 @@
-import { useCallback, useState } from "react"
+import { useCallback, useEffect, useState } from "react"
 import type { Vault, OnePassword } from "opvault.js"
+import { useIdleTimer } from "react-idle-timer/modern"
 import { VaultView } from "./pages/Vault"
 import { VaultPicker } from "./pages/VaultPicker"
 
@@ -12,6 +13,19 @@ export const App: React.FC = () => {
     setVault(undefined)
   }, [vault])
 
+  const { reset, pause } = useIdleTimer({
+    timeout: 60_000,
+    onIdle: onLock,
+  })
+
+  useEffect(() => {
+    if (vault) {
+      reset()
+    } else {
+      pause()
+    }
+  }, [vault])
+
   if (!vault) {
     return (
       <VaultPicker