Adjust messaging as per brandonl.eth suggestion

Author: embiem

frontend/public/locales/en/common.json

@@ -30,7 +30,7 @@
   "connectWalletText": "Connect Wallet",
   "ethereumNetworkPrompt": "Please Connect to the Ethereum Mainnet",
   "availableTokensText": "View the available Token IDs",
-  "remainingTokensText": "We have {{remainingTokens}} Tokens left",
+  "remainingTokensText": "{{remainingTokens}} tokens left / {{totalSupply}} already joined",
   "mintPageHeader": "DEVS Token Minter",
   "projectsList": "A list of community projects created by the Developer DAO community.",
   "ddaoTokenSearch": "DDAO Token Search",

frontend/src/components/DirectMint/DirectMintBox.tsx

@@ -18,7 +18,7 @@ import useDevNFTSupply from '../../hooks/useDevNFTSupply';
 // used on the minting page
 const DirectMintBox = () => {
   const { t } = useTranslation();
-  const { isLoading, remainingPublicSupply } = useDevNFTSupply();
+  const { isLoading, remainingPublicSupply, totalSupply } = useDevNFTSupply();
   return (
     <>
       <Container maxW="container.md" centerContent>
@@ -41,7 +41,10 @@ const DirectMintBox = () => {
             </Text>
             <Text fontSize={{ base: 'xs', sm: 'xl' }}>
               {t('remainingTokensText', {
-                remainingTokens: isLoading ? '...' : remainingPublicSupply,
+                remainingTokens: isLoading
+                  ? '...'
+                  : remainingPublicSupply.toLocaleString(),
+                totalSupply: isLoading ? '...' : totalSupply.toLocaleString(),
               })}
             </Text>
             <DirectMint />