chore: add translations

src/components/settings-modal/interface-settings/interface-settings.tsx

@@ -107,7 +107,7 @@ const InterfaceSettings = () => {
   return (
     <div className={styles.interfaceSettings}>
       <div className={styles.version}>
-        Version:{' '}
+        {t('version')}:{' '}
         <a href={`https://github.com/plebbit/plebchan/releases/tag/v${packageJson.version}`} target='_blank' rel='noopener noreferrer'>
           {packageJson.version}
         </a>

src/components/settings-modal/settings-modal.tsx

@@ -44,7 +44,7 @@ const SettingsModal = () => {
         <div className={`${styles.setting} ${styles.category}`}>
           <label onClick={() => setShowInterfaceSettings(!showInterfaceSettings)}>
             <span className={showInterfaceSettings ? styles.hideButton : styles.showButton} />
-            Interface
+            {t('interface')}
           </label>
         </div>
         {showInterfaceSettings && <InterfaceSettings />}