feat: add link to Discord (#53129)

client/i18n/locales/english/translations.json

@@ -582,7 +582,7 @@
     "support-benefits-1": "No more donation prompt popups",
     "support-benefits-2": "You'll get a Supporter badge",
     "support-benefits-3": "Your profile image will get a golden halo around it",
-    "support-benefits-4": "You'll gain access to special Supporter Discord channels",
+    "support-benefits-4": "You'll gain access to special Supporter Discord channels - <0>join our Discord</0> and use the <1>/supporter</1> command to get access",
     "support-benefits-5": "And more benefits to come in 2024",
     "exclusive-features": "Here is the list of exclusive features for you as a Supporter:",
     "current-initiatives-title": "Current Initiatives:",

client/src/components/Donation/donation-text-components.tsx

@@ -232,7 +232,18 @@ const BenefitsList = (): JSX.Element => {
       <li>{t('donate.support-benefits-1')}</li>
       <li>{t('donate.support-benefits-2')}</li>
       <li>{t('donate.support-benefits-3')}</li>
-      <li>{t('donate.support-benefits-4')}</li>
+      <li>
+        <Trans i18nKey='donate.support-benefits-4'>
+          <a
+            href='https://discord.gg/KVUmVXA'
+            target='_blank'
+            rel='noopener noreferrer'
+          >
+            placeholder
+          </a>
+          <code>placeholder</code>
+        </Trans>
+      </li>
       <li>{t('donate.support-benefits-5')}</li>
     </ul>
   );