chore: add translations

src/components/settings-modal/blocked-addresses-setting/blocked-addresses-setting.module.css

@@ -3,13 +3,13 @@
   margin-bottom: 10px;
 }
 
-.blockedAddresses {
-  padding-top: 5px;
+.blockedAddress {
+  padding-bottom: 5px;
+  margin-left: 20px;
 }
 
-.blockedAddress {
-  padding-top: 5px;
-  margin-left: 20px;
+.unblockAll {
+  padding-bottom: 10px;
 }
 
 .button {

src/components/settings-modal/blocked-addresses-setting/blocked-addresses-setting.tsx

@@ -28,11 +28,15 @@ const BlockedAddressesSetting = () => {
     <div className={styles.setting}>
       {addressList.length > 0 ? (
         <>
-          [
-          <span className={styles.button} onClick={unblockAll}>
-            {t('unblock_all')}
-          </span>
-          ]
+          {addressList.length > 1 && (
+            <div className={styles.unblockAll}>
+              [
+              <span className={styles.button} onClick={unblockAll}>
+                {t('unblock_all')}
+              </span>
+              ]
+            </div>
+          )}
           <ul className={styles.blockedAddresses}>
             {addressList.map((address: string) => (
               <li key={address} className={styles.blockedAddress}>
@@ -42,7 +46,7 @@ const BlockedAddressesSetting = () => {
           </ul>
         </>
       ) : (
-        'You have not blocked any board address or user address.'
+        t('you_have_not_blocked')
       )}
     </div>
   );