fix: format count display for address details to handle large numbers

Author: ErwanDecoster

src/modules/addresses/address/buildAddressDetails.tsx

@@ -1,22 +1,26 @@
 import { AddressQuery } from '@/graphql/graphql';
 
+function formatCount(count: number) {
+  return count >= 1000 ? '1000+' : count;
+}
+
 export function buildAddressDetails({
   address,
 }: {
   address: AddressQuery['account'];
 }) {
   return {
     ...(address?.allApps && {
-      Apps: <p>{address.allApps.length}</p>,
+      Apps: <p>{formatCount(address.allApps.length)}</p>,
     }),
     ...(address?.allDatasets && {
-      Datasets: <p>{address.allDatasets.length}</p>,
+      Datasets: <p>{formatCount(address.allDatasets.length)}</p>,
     }),
     ...(address?.allWorkerpools && {
-      Workerpools: <p>{address.allWorkerpools.length}</p>,
+      Workerpools: <p>{formatCount(address.allWorkerpools.length)}</p>,
     }),
     ...(address?.allContributions && {
-      Contributions: <p>{address.allContributions.length}</p>,
+      Contributions: <p>{formatCount(address.allContributions.length)}</p>,
     }),
     ...(address?.score && {
       Score: <p>{address.score}</p>,