refactor: introduce dedicated identifier types for improved clarity and type safety

frontend/src/settings/usePasskeys.ts

@@ -12,6 +12,7 @@ import {
   listPasskeys,
   startPasskeyRegistration,
 } from '../lib/apiClient';
+import type { PasskeyId } from '../types/identifiers';
 
 type StatusMessageFn = (message: string, variant?: string) => void;
 type NotifyApiErrorFn = (error: unknown, message: string) => void;
@@ -27,7 +28,7 @@ type ApiError = {
 };
 
 export interface PasskeyRecord {
-  id?: string | number;
+  id?: PasskeyId;
   nickname?: string;
   created_at?: string;
   createdAt?: string;
@@ -79,11 +80,11 @@ interface UsePasskeysResult {
   passkeysSupported: boolean | null;
   passkeysLoading: boolean;
   registeringPasskey: boolean;
-  revokingPasskeyId: string | number | null;
+  revokingPasskeyId: PasskeyId | null;
   refreshPasskeys: () => Promise<void>;
   registerPasskey: (options?: { nickname?: string }) => Promise<RegisterPasskeyResult>;
   revokePasskey: (
-    passkeyId: string | number,
+    passkeyId: PasskeyId,
     reason?: string,
   ) => Promise<RevokePasskeyResult>;
 }
@@ -93,7 +94,7 @@ const usePasskeys = ({ notifyApiError, setStatusMessage, token }: UsePasskeysArg
   const [passkeysSupported, setPasskeysSupported] = useState<boolean | null>(null);
   const [passkeysLoading, setPasskeysLoading] = useState(false);
   const [registeringPasskey, setRegisteringPasskey] = useState(false);
-  const [revokingPasskeyId, setRevokingPasskeyId] = useState<string | number | null>(null);
+  const [revokingPasskeyId, setRevokingPasskeyId] = useState<PasskeyId | null>(null);
 
   const refreshPasskeys = useCallback(async (): Promise<void> => {
     if (!token) {
@@ -191,7 +192,7 @@ const usePasskeys = ({ notifyApiError, setStatusMessage, token }: UsePasskeysArg
 
   const revokePasskey = useCallback(
     async (
-      passkeyId: string | number,
+      passkeyId: PasskeyId,
       reason?: string,
     ): Promise<RevokePasskeyResult> => {
       if (passkeyId == null) {