fix: add missing font sizes

Author: mhenriette

src/components/cards/challenge/Challenge.tsx

@@ -67,7 +67,7 @@ export default function ChallengeCard({ data, community, isCourseEnd }: Challeng
         <div className="mx-auto relative rounded-full mb-5 w-[147px] h-[184px]">
           <Image src={data?.certificateData?.icon} alt="achievement" fill priority />
         </div>
-        <div className="">
+        <div>
           <h1 className="font-bold text-tertiary text-xs uppercase pb-3 leading-3.3 tracking-3">{t("communities.overview.challenge.unlock.certificate")}</h1>
           <RewardCertificate rewards={data?.rewards} />
         </div>

src/components/cards/challenge/RewardCertificate.tsx

@@ -8,7 +8,6 @@ import { ReactElement } from "react";
 interface RewardCertificateProps {
   rewards: Reward[];
   isReward?: boolean;
-  isChallengeCard?:boolean;
 }
 
 /**
@@ -19,7 +18,7 @@ interface RewardCertificateProps {
  * @returns {JSX.Element} The rendered RewardCertificate component.
  */
 
-export default function RewardCertificate({ rewards, isReward, isChallengeCard }: RewardCertificateProps): ReactElement {
+export default function RewardCertificate({ rewards, isReward }: RewardCertificateProps): ReactElement {
   const { t } = useTranslation();
   return (
     <>
@@ -33,7 +32,7 @@ export default function RewardCertificate({ rewards, isReward, isChallengeCard }
           )}
         >
           <Coin size="small" token={reward?.token} />
-          <div className={`${isChallengeCard? "text-sm":"text-base"}`}>
+          <div className={`${isReward ? "text-base" : "text-sm"}`}>
             <span>
               {shortenNumber(reward.amount)} {reward.token}
             </span>

src/components/cards/challenge/_partials/Learning.tsx

@@ -27,7 +27,7 @@ export default function Learning({ title, description, link }: LearningProps): J
       <div className="flex flex-col justify-between w-full sm:pb-0">
         <div className="flex flex-col">
           <div className="text-base font-medium leading-6 text-primary">{title}</div>
-          <div className="text-sm font-normal text-secondary mt-3 max-w-xxs pb-6 mb-5">{description}</div>
+          <div className="text-sm lg:text-base font-normal -tracking-1 leading-6 text-secondary mt-3 max-w-xxs pb-6 mb-5">{description}</div>
         </div>
         <div className="absolute bottom-0 pb-4">
           <Link href={link}>

src/components/sections/challenges/Rewards.tsx

@@ -29,7 +29,7 @@ export function OverviewRewards(): ReactElement {
         <div className="flex flex-col lg:flex-row justify-between gap-2 items-start w-full">
           <div className="flex flex-col text-primary w-full lg:w-1/2">{challenge?.rewards && <RewardCertificate rewards={challenge?.rewards} isReward />}</div>
           {!challenge?.isHackathon && (
-            <div className="pb-1.5 border-b border-primary text-primary w-full lg:w-1/2">{t("communities.overview.challenge.participate", { token: token })}</div>
+            <div className="pb-1.5 border-b border-primary text-primary w-full lg:w-1/2 text-base">{t("communities.overview.challenge.participate", { token: token })}</div>
           )}
         </div>
       </div>