fix(translation): errors in StudyList and StudyBrowser for es (#3170)

* Fix translations

* Fix errors and es new translations

* Fix errors and es new translations

* Fix errors and es new translations

platform/ui/src/components/SidePanel/SidePanel.tsx

@@ -1,15 +1,15 @@
-import React, { useState, useRef, useEffect, useCallback } from 'react';
-import PropTypes from 'prop-types';
 import classnames from 'classnames';
+import PropTypes from 'prop-types';
+import React, { useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Swiper, SwiperSlide } from 'swiper/react';
 import SwiperCore, {
   A11y,
   Controller,
+  Navigation,
   Pagination,
   Scrollbar,
-  Navigation,
 } from 'swiper';
+import { Swiper, SwiperSlide } from 'swiper/react';
 
 import { Button, Icon, IconButton, Tooltip } from '../';
 
@@ -203,7 +203,7 @@ const SidePanel = ({
               />
               {/* Todo: ass secondary label here */}
               <span className="text-primary-active">
-                {tabs.length === 1 && t(tabs[activeTabIndex].label) as string}
+                {tabs.length === 1 && (t(tabs[activeTabIndex].label) as string)}
               </span>
             </Button>
           </div>

platform/ui/src/components/StudyListFilter/StudyListFilter.tsx

@@ -31,7 +31,7 @@ const StudyListFilter = ({
             <div className="flex flex-row justify-between px-12 mb-5">
               <div className="flex flex-row">
                 <Typography variant="h4" className="mr-6 text-primary-light">
-                  {t('Study list')}
+                  {t('StudyList')}
                 </Typography>
               </div>
               <div className="flex flex-row">
@@ -45,7 +45,7 @@ const StudyListFilter = ({
                     startIcon={<Icon name="cancel" />}
                     onClick={clearFilters}
                   >
-                    {t('Clear filters')}
+                    {t('ClearFilters')}
                   </Button>
                 )}
                 <Typography
@@ -84,7 +84,7 @@ const StudyListFilter = ({
           <div className="container m-auto">
             <div className="py-1 text-base text-center rounded-b bg-primary-main">
               <p className="text-white">
-                {t('Filter list to 100 studies or less to enable sorting')}
+                {t('NumOfStudiesHiggerThan100Message')}
               </p>
             </div>
           </div>

platform/ui/src/components/StudyListPagination/StudyListPagination.tsx

@@ -47,13 +47,13 @@ const StudyListPagination = ({
               onChange={onSelectedRange}
             />
             <Typography className="text-base opacity-60">
-              {t('Results per page')}
+              {t('ResultsPerPage')}
             </Typography>
           </div>
           <div className="">
             <div className="flex items-center">
               <Typography className="opacity-60 mr-4 text-base">
-                Page {currentPage}
+                {t('Page')} {currentPage}
               </Typography>
               <ButtonGroup>
                 <Button
@@ -74,7 +74,7 @@ const StudyListPagination = ({
                   variant="outlined"
                   onClick={() => navigateToPage(currentPage - 1)}
                 >
-                  {t(`< Previous`)}
+                  {t('Previous')}
                 </Button>
                 <Button
                   size="initial"
@@ -84,7 +84,7 @@ const StudyListPagination = ({
                   variant="outlined"
                   onClick={() => navigateToPage(currentPage + 1)}
                 >
-                  {t(`Next >`)}
+                  {t('Next')}
                 </Button>
               </ButtonGroup>
             </div>