chore(translations): about, whitepaper, token, download app

src/views/home/home.module.css

@@ -154,6 +154,10 @@
   color: var(--text-color-on-color2);
 }
 
+.footer a {
+  text-transform: capitalize;
+}
+
 @media (max-width: 768px) {
   .content {
     min-width: 0;

src/views/home/home.tsx

@@ -131,11 +131,13 @@ const Stats = () => {
 };
 
 const Footer = () => {
+  const { t } = useTranslation();
+
   return (
     <ul className={styles.footer}>
       <li>
         <a href='https://plebbit.com' target='_blank' rel='noopener noreferrer'>
-          About
+          {t('about')}
         </a>
       </li>
       <li>
@@ -158,14 +160,19 @@ const Footer = () => {
           GitHub
         </a>
       </li>
+      <li>
+        <a href='https://github.com/plebbit/plebchan' target='_blank' rel='noopener noreferrer'>
+          {t('download_app')}
+        </a>
+      </li>
       <li>
         <a href='https://etherscan.io/token/0xEA81DaB2e0EcBc6B5c4172DE4c22B6Ef6E55Bd8f' target='_blank' rel='noopener noreferrer'>
-          Token
+          {t('token')}
         </a>
       </li>
       <li>
         <a href='https://github.com/plebbit/whitepaper/discussions/2' target='_blank' rel='noopener noreferrer'>
-          Whitepaper
+          {t('whitepaper')}
         </a>
       </li>
     </ul>