refactor(icons/quiz): update classname overrides

Author: TylerAPfledderer

src/components/icons/Icons.stories.tsx

@@ -189,7 +189,7 @@ const items = iconsDefinitions.map((IconDef) => (
     borderColor="background.highlight"
   >
     <Center>
-      <IconDef w="50px" h="50px" />
+      <IconDef className="h-[50px] w-[50px]" w="50px" h="50px" />
     </Center>
     <Center>{IconDef.displayName}</Center>
   </Flex>

src/components/icons/quiz/CorrectIcon.tsx

@@ -3,7 +3,7 @@ import { IconBase, type IconBaseProps } from "react-icons/lib"
 import { cn } from "@/lib/utils/cn"
 
 export const CorrectIcon = ({ className, ...props }: IconBaseProps) => (
-  <IconBase viewBox="0 0 20 16" className={cn(className, "h-4 w-5")} {...props}>
+  <IconBase viewBox="0 0 20 16" className={cn("h-4 w-5", className)} {...props}>
     <path d="M8 16L0 9.05375L2.75437 7.06313L7.49875 11.4325L16.8531 0L20 2L8 16Z" />
   </IconBase>
 )

src/components/icons/quiz/IncorrectIcon.tsx

@@ -3,7 +3,7 @@ import { IconBase, type IconBaseProps } from "react-icons/lib"
 import { cn } from "@/lib/utils/cn"
 
 export const IncorrectIcon = ({ className, ...props }: IconBaseProps) => (
-  <IconBase className={cn(className, "size-5")} viewBox="0 0 20 20" {...props}>
+  <IconBase className={cn("size-5", className)} viewBox="0 0 20 20" {...props}>
     <path d="M17.5002 0L9.99912 7.49934L2.49978 0L0 2.49978L7.49934 9.99911L0 17.4984L2.49978 19.9982L9.99912 12.4989L17.5002 19.9982L20 17.4984L12.5007 9.99911L20 2.49978L17.5002 0Z" />
   </IconBase>
 )

src/components/icons/quiz/StarConfettiIcon.tsx

@@ -8,7 +8,7 @@ import { cn } from "@/lib/utils/cn"
 export const StarConfettiIcon = ({ className, ...props }: IconBaseProps) => (
   <IconBase
     viewBox="0 0 185 119"
-    className={cn(className, "h-[119px] w-[185px]")}
+    className={cn("h-[119px] w-[185px]", className)}
     {...props}
   >
     <path