feat(SW-66, SW-348): search functionality and ui

components/Profile/DeleteCreditCardButton/index.tsx

@@ -3,8 +3,7 @@ import { useIntl } from "react-intl"
 
 import { trpc } from "@/lib/trpc/client"
 
-import { Delete } from "@/components/Icons"
-import LoadingSpinner from "@/components/LoadingSpinner"
+import { DeleteIcon } from "@/components/Icons"
 import Button from "@/components/TempDesignSystem/Button"
 import { toast } from "@/components/TempDesignSystem/Toasts"
 
@@ -34,7 +33,7 @@ export default function DeleteCreditCardButton({
   }
   return (
     <Button variant="icon" theme="base" intent="text" onClick={handleDelete}>
-      <Delete color="burgundy" />
+      <DeleteIcon color="burgundy" />
     </Button>
   )
 }