fix: update loyalty cards and join loyalty sidebar design

components/Icons/Email.tsx

@@ -2,15 +2,21 @@ import { iconVariants } from "./variants"
 
 import type { IconProps } from "@/types/components/icon"
 
-export default function EmailIcon({ className, color, ...props }: IconProps) {
+export default function EmailIcon({
+  className,
+  color,
+  width = "20",
+  height = "20",
+  ...props
+}: IconProps) {
   const classNames = iconVariants({ className, color })
   return (
     <svg
       className={classNames}
       fill="none"
-      height="20"
+      height={height}
       viewBox="0 0 20 20"
-      width="20"
+      width={width}
       xmlns="http://www.w3.org/2000/svg"
       {...props}
     >