fix: fixed avg contribution calc + NaN state display on Manager (gitcoinco#2331)

Co-authored-by: Atris <vacekj@outlook.com>
Co-authored-by: Massimiliano Mirra <max@gitcoin.co>

Author: 3 people

packages/round-manager/src/features/round/ViewRoundStats.tsx

@@ -50,8 +50,7 @@ export default function ViewRoundStats() {
         <StatsCard
           text={
             round &&
-            `${utils.formatUnits(round.matchAmount, matchToken?.decimal)} ${
-              matchToken?.name
+            `${utils.formatUnits(round.matchAmount, matchToken?.decimal)} ${matchToken?.name
             }`
           }
           title={"Matching Funds Available"}
@@ -126,11 +125,12 @@ export default function ViewRoundStats() {
             grayBorder={true}
             title="Avg. Contribution"
             text={
-              round &&
-              new Intl.NumberFormat("en-US", {
-                style: "currency",
-                currency: "USD",
-              }).format(round.amountUSD / round.uniqueContributors)
+              round && round.uniqueContributors > 0
+                ? new Intl.NumberFormat("en-US", {
+                  style: "currency",
+                  currency: "USD",
+                }).format(round.amountUSD / round.uniqueContributors)
+                : "N/A"
             }
           />
           <StatsCard
@@ -153,9 +153,8 @@ type StatsCardProps = {
 function StatsCard(props: StatsCardProps) {
   return (
     <div
-      className={`p-4 border rounded ${
-        props.grayBorder ? "border-grey-100" : "border-violet-400"
-      } flex flex-col justify-center`}
+      className={`p-4 border rounded ${props.grayBorder ? "border-grey-100" : "border-violet-400"
+        } flex flex-col justify-center`}
     >
       <span
         className={