style: use fingerprint icon for webauthn

Author: nrmnqdds

packages/keychain/src/components/settings/signer-card.tsx

@@ -11,7 +11,7 @@ import {
   SheetFooter,
   SheetTrigger,
   StarknetIcon,
-  LaptopIcon,
+  FingerprintIcon,
 } from "@cartridge/ui-next";
 import { SignerType } from "@cartridge/utils/api/cartridge";
 
@@ -100,8 +100,8 @@ const DeviceIcon = React.memo(({ signerType }: { signerType: SignerType }) => {
   return signerType === SignerType.StarknetAccount ? (
     <StarknetIcon size="default" className="absolute" />
   ) : signerType === SignerType.Webauthn ? (
-    <LaptopIcon variant="solid" size="default" className="absolute" />
+    <FingerprintIcon size="default" className="absolute" />
   ) : (
-    <LaptopIcon variant="solid" size="default" className="absolute" />
+    <FingerprintIcon size="default" className="absolute" />
   );
 });

packages/ui-next/src/components/icons/utility/fingerprint.tsx

@@ -12,15 +12,15 @@ export const FingerprintIcon = memo(
         {...props}
       >
         <path
-          fill="currentColor"
+          className="fill-current"
           d="M17.971 17.667a.708.708 0 0 0 .709-.708v-4.25a6.375 6.375 0 0 0-12.75 0v4.25a.708.708 0 1 0 1.416 0v-4.25a4.959 4.959 0 1 1 9.917 0v4.25a.708.708 0 0 0 .708.708Z"
         />
         <path
-          fill="currentColor"
+          className="fill-current"
           d="M15.136 19.083a.708.708 0 0 0 .709-.708v-5.667a3.542 3.542 0 0 0-7.084 0v5.667a.708.708 0 1 0 1.417 0v-5.667a2.125 2.125 0 1 1 4.25 0v5.667a.708.708 0 0 0 .708.708Z"
         />
         <path
-          fill="currentColor"
+          className="fill-current"
           d="M11.596 12.708v7.084a.708.708 0 1 0 1.416 0v-7.084a.708.708 0 1 0-1.416 0ZM4.228 9.817a.71.71 0 0 0 .934-.367c1.218-2.796 3.954-4.533 7.142-4.533 3.187 0 5.923 1.737 7.141 4.533a.71.71 0 0 0 1.3-.567C19.298 5.563 16.062 3.5 12.305 3.5c-3.758 0-6.993 2.063-8.442 5.383a.71.71 0 0 0 .366.934Z"
         />
       </svg>

packages/ui-next/src/components/icons/utility/index.ts

@@ -16,7 +16,7 @@ export * from "./dots";
 export * from "./double-wedge";
 export * from "./external";
 // Not sure why but it breaks Profile app
-// export * from "./fingerprint";
+export * from "./fingerprint";
 export * from "./fullscreen";
 export * from "./gear";
 export * from "./gift";