feat: update loyalty overview table ui

components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitList/index.tsx

@@ -1,24 +1,14 @@
+import { getHighestLevel } from "@/utils/loyaltyTable"
+
 import BenefitCard from "../BenefitCard"
 
 import styles from "./benefitList.module.css"
 
-import {
-  BenefitListProps,
-  ComparisonLevel,
-} from "@/types/components/loyalty/blocks"
+import { BenefitListProps } from "@/types/components/loyalty/blocks"
 
 export default function BenefitList({ levels }: BenefitListProps) {
-  const highestTier = levels.reduce(
-    (acc: ComparisonLevel | null, level: ComparisonLevel) => {
-      if (!acc) {
-        return level
-      }
-      return level.tier > acc.tier ? level : acc
-    },
-    null
-  )
-
-  return highestTier?.benefits
+  const highestLevel = getHighestLevel(levels)
+  return highestLevel?.benefits
     .filter((benefit) => benefit.unlocked)
     .map((benefit, idx) => {
       const levelBenefits = levels.map((level) => level.benefits[idx])