The "Number of Members" indicator does not reflect the listing's actual data

[msarit]

When viewing a single Listing src/pages/[community_id].js, the "Number of Members" aspect does not reflect the actual number of members (as received from the database).

The currently highlighted number (1-199) has been hardcoded (bg-secondary) to the number for all the listings.

<section className="bg-primary-dark md:flex text-center justify-between p-3 px-10">
  <span className="flex items-center justify-between">
    <Image
      src="/Vector.png"
      alt="user icon"
      width={LOGO_WIDTH}
      height={LOGO_HEIGHT}
    />
    <p className="text-white text-sm pl-3">Number of members</p>
  </span>
  <div>
    <span className="bg-secondary text-primary-dark rounded-2xl py-1 px-3 mr-6">
      1-199
    </span>
    <span className="bg-gray-lite text-grey-dark rounded-2xl py-1 px-3 mr-6">
      200-299
    </span>
    <span className="bg-gray-lite text-grey-dark rounded-2xl py-1 px-3 mr-6">
      300-499
    </span>
    <span className="bg-gray-lite text-grey-dark rounded-2xl py-1 px-3">
      500
    </span>
  </div>
</section>

This part of the file needs to properly reflect the actual number.