refactor: shortern number even in sections/_partials/rewardbadge

Author: serapieTuyishime

src/components/cards/community/_partials/RewardBadge.tsx

@@ -1,6 +1,7 @@
 import { CSSProperties, ReactElement } from "react";
 import Coin from "@/components/ui/Coin";
 import classNames from "classnames";
+import { shortenNumber } from "@/utilities";
 
 /**
  * Interface for Badge props
@@ -40,7 +41,7 @@ export default function RewardBadge({ reward = {}, type = "transparent", styles
       {reward.token && <Coin token={reward.token} size="small" />}
 
       <div className="pl-0 pr-2 font-medium">
-        {reward.amount} {reward.token}
+        {shortenNumber(reward.amount as number)} {reward.token}
       </div>
     </span>
   );

src/components/cards/community/index.tsx

@@ -74,7 +74,7 @@ export default function CommunityCard({ showRewards = true, community }: Communi
             </div>
             <div className="flex flex-col items-start justify-start max-w-xs -mt-4 md:flex-row lg:flex-col md:-mt-7 md:max-w-lg">
               {showRewards && reward && (
-                <div className="text-sm flex">
+                <div className="text-sm flex bg-lime-400">
                   <RewardBadge reward={{ token: reward.token }} styles={rewardBadgeStyle} />
                 </div>
               )}