feat(LOY-10): dynamic icons based on reward id

components/Blocks/DynamicContent/Rewards/CurrentLevel/Client.tsx

@@ -2,8 +2,8 @@
 
 import { useRef,useState } from "react"
 
-import Image from "@/components/Image"
 import Pagination from "@/components/MyPages/Pagination"
+import { RewardIcon } from "@/components/Blocks/DynamicContent/Rewards/RewardIcon"
 import Grids from "@/components/TempDesignSystem/Grids"
 import Title from "@/components/TempDesignSystem/Text/Title"
 
@@ -43,12 +43,9 @@ export default function ClientCurrentRewards({
         {currentRewards.map((reward, idx) => (
           <article className={styles.card} key={`${reward.reward_id}-${idx}`}>
             <div className={styles.content}>
-              <Image
-                src="/_static/img/loyalty-award.png"
-                width={113}
-                height={125}
-                alt={reward.label || ""}
-              />
+              <div className={styles.icon}>
+                <RewardIcon rewardId={reward.reward_id} />
+              </div>
               <Title
                 as="h4"
                 level="h3"