style(account settings): improve UI and translations

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

@@ -177,8 +177,9 @@ const AccountSettings = () => {
           {accountsOptions}
         </select>
         <button className={styles.createAccount} onClick={_createAccount}>
-          +
-        </button>
+          {t('create')}
+        </button>{' '}
+        <button onClick={_importAccount}>{t('import')}</button> <button onClick={_exportAccount}>{t('export')}</button>
         <div className={styles.warning}>
           {t('stored_locally', {
             location: window.isElectron ? 'this desktop app' : isAndroid ? 'this mobile app' : window.location.hostname,
@@ -189,8 +190,7 @@ const AccountSettings = () => {
       <div></div>
       <textarea value={text} onChange={(e) => setText(e.target.value)} autoCorrect='off' autoComplete='off' spellCheck='false' />
       <div>
-        <button onClick={saveAccount}>{t('save')}</button> <button onClick={() => setText(accountJson)}>{t('reset')}</button>{' '}
-        <button onClick={_importAccount}>{t('import')}</button> <button onClick={_exportAccount}>{t('export')}</button> <AnonMode />
+        <button onClick={saveAccount}>{t('save_changes')}</button> <button onClick={() => setText(accountJson)}>{t('reset_changes')}</button> <AnonMode />
         <button className={styles.deleteAccount} onClick={() => _deleteAccount(account?.name)}>
           {t('delete_account')}
         </button>

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

@@ -62,7 +62,7 @@ const SettingsModal = () => {
         <div className={`${styles.setting} ${styles.category}`}>
           <label onClick={() => setShowAccountSettings(!showAccountSettings)}>
             <span className={showAccountSettings ? styles.hideButton : styles.showButton} />
-            {t('account')}
+            {t('plebbit_account')}
           </label>
         </div>
         {showAccountSettings && <AccountSettings />}