fix: update loyalty cards and join loyalty sidebar design

components/Icons/Phone.tsx

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