fix(LOY-64): abstract membershipbadge to its own component

types/components/myPages/myPage/accountPage.ts

@@ -1,13 +1,12 @@
-import { z } from "zod"
+import type { z } from "zod"
 
-import { blocksSchema } from "@/server/routers/contentstack/accountPage/output"
-import {
+import type { DynamicContent } from "@/types/trpc/routers/contentstack/blocks"
+import type { blocksSchema } from "@/server/routers/contentstack/accountPage/output"
+import type {
   Reward,
   RewardWithRedeem,
 } from "@/server/routers/contentstack/reward/output"
 
-import { DynamicContent } from "@/types/trpc/routers/contentstack/blocks"
-
 export interface AccountPageContentProps
   extends Pick<DynamicContent, "dynamic_content"> {}
 
@@ -27,12 +26,12 @@ export interface CurrentRewardsClientProps {
   rewards: (Reward | RewardWithRedeem)[]
   pageSize: number
   showRedeem: boolean
-  memberId?: string | null
+  membershipNumber?: string | null
 }
 
 export interface RedeemProps {
   reward: RewardWithRedeem
-  memberId?: string | null
+  membershipNumber?: string | null
 }
 
 export type RedeemModalState = "unmounted" | "hidden" | "visible"