fix: optimize the stats as code rabbit suggested

Author: mhenriette

src/components/sections/homepage/_partials/testimonials/CommunityStats.tsx

@@ -1,6 +1,7 @@
 import Button from "@/components/ui/button";
 import DiscordIcon from "@/icons/discord.svg";
 import { useTranslation } from "next-i18next";
+import { useMemo } from "react";
 
 /**
  * Statistic interface definitions
@@ -33,15 +34,24 @@ const stats: Statistic[] = [
 ];
 export default function CommunityStats() {
   const { t } = useTranslation();
-  const digitFormatter = new Intl.NumberFormat();
+  const digitFormatter = useMemo(() => new Intl.NumberFormat(), []);
+
+  const formattedStat = useMemo(
+    () =>
+      stats.map((stat: Statistic) => ({
+        ...stat,
+        count: digitFormatter.format(stat.count),
+      })),
+    [digitFormatter]
+  );
 
   return (
     <div className="p-7 bg-primary rounded-3.5xl mx-auto text-white relative md:absolute md:top-28 lg:top-32 xl:w-1/3 md:w-4/6 z-10 sm:max-w-sm">
       <h3 className="m-0 text-4.5xl w-3/4">{t("testimonials.community.title")}</h3>
       <div className="relative divide-y divide-white divide-dotted">
-        {stats.map((stat) => (
+        {formattedStat.map((stat) => (
           <div key={stat.title} className="py-6">
-            <span className="block text-.5xl mb-2">{digitFormatter.format(stat.count)}</span>
+            <span className="block text-.5xl mb-2">{stat.count}</span>
             <p className="text-base w-3/4 m-0">
               <span className="font-graphik font-medium">{t(stat.title)}</span> {t(stat.description)}
             </p>