chore: add translations

src/components/board-buttons/board-buttons.tsx

@@ -47,11 +47,11 @@ const ReturnButton = ({ address }: BoardButtonsProps) => {
 };
 
 const RefreshButton = () => {
+  const { t } = useTranslation();
   const reset = useFeedResetStore((state) => state.reset);
-
   return (
     <button className='button' onClick={() => reset && reset()}>
-      Refresh
+      {t('refresh')}
     </button>
   );
 };

src/components/post-form/post-form.tsx

@@ -225,7 +225,7 @@ const PostFormTable = ({ closeForm }: { closeForm: () => void }) => {
             [
             <label>
               <input type='checkbox' onChange={(e) => (isInPostView ? setContent.spoiler(e.target.checked) : setSubmitStore({ spoiler: e.target.checked }))} />
-              {t('spoiler')}?
+              {_.capitalize(t('spoiler'))}?
             </label>
             ]
           </td>
@@ -235,7 +235,7 @@ const PostFormTable = ({ closeForm }: { closeForm: () => void }) => {
             <td>{t('board')}</td>
             <td>
               <select onChange={(e) => setSubmitStore({ subplebbitAddress: e.target.value })} value={subplebbitAddress}>
-                <option value=''>--no board selected--</option>
+                <option value=''>--{t('no_board_selected')}--</option>
                 {isInAllView &&
                   defaultSubplebbitAddresses.map((address: string) => (
                     <option key={address} value={address}>

src/components/settings-modal/settings-modal.module.css

@@ -75,6 +75,7 @@
 
 .expandAllSettings {
   text-align: center;
+  text-transform: capitalize;
 }
 
 .expandAllSettings span {

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

@@ -39,7 +39,7 @@ const SettingsModal = () => {
           <span className={styles.closeButton} title='close' onClick={closeModal} />
         </div>
         <div className={styles.expandAllSettings}>
-          [<span onClick={handleExpandAll}>{expandAll ? 'Collapse All Settings' : 'Expand All Settings'}</span>]
+          [<span onClick={handleExpandAll}>{expandAll ? t('collapse_all_settings') : t('expand_all_settings')}</span>]
         </div>
         <div className={`${styles.setting} ${styles.category}`}>
           <label onClick={() => setShowInterfaceSettings(!showInterfaceSettings)}>