fix: update loyalty cards and join loyalty sidebar design

components/Icons/ArrowRight.tsx

@@ -5,6 +5,8 @@ import type { IconProps } from "@/types/components/icon"
 export default function ArrowRightIcon({
   className,
   color,
+  height = "25",
+  width = "24",
   ...props
 }: IconProps) {
   const classNames = iconVariants({ className, color })
@@ -12,9 +14,9 @@ export default function ArrowRightIcon({
     <svg
       className={classNames}
       fill="none"
-      height="25"
+      height={height}
       viewBox="0 0 24 25"
-      width="24"
+      width={width}
       xmlns="http://www.w3.org/2000/svg"
       {...props}
     >