feat: Refactor frontend authentication and tenant switching to use global state

frontend/src/settings/usePasskeys.ts

@@ -1,4 +1,5 @@
 import { useState, useCallback } from 'react';
+import { useAppState } from '../lib/store/appState';
 import { useStatusToast } from '../lib/context/StatusToastContext';
 /* global PublicKeyCredentialCreationOptions, CredentialCreationOptions */
 
@@ -69,9 +70,7 @@ type RevokePasskeyResult =
 
 import useNotifyApiError from '../hooks/useNotifyApiError';
 
-interface UsePasskeysArgs {
-  token?: string | null;
-}
+interface UsePasskeysArgs { }
 
 interface UsePasskeysResult {
   passkeys: PasskeyRecord[];
@@ -87,7 +86,8 @@ interface UsePasskeysResult {
   ) => Promise<RevokePasskeyResult>;
 }
 
-const usePasskeys = ({ token }: UsePasskeysArgs): UsePasskeysResult => {
+const usePasskeys = (_: UsePasskeysArgs = {}): UsePasskeysResult => {
+  const { token } = useAppState();
   const [passkeys, setPasskeys] = useState<PasskeyRecord[]>([]);
   const [passkeysSupported, setPasskeysSupported] = useState<boolean | null>(null);
   const [passkeysLoading, setPasskeysLoading] = useState(false);