chore(prettier): full repo linting and code reformatting once and for all (#3627)

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

@@ -7,12 +7,7 @@ import ButtonGroup from '../ButtonGroup';
 import Typography from '../Typography';
 import Select from '../Select';
 
-const StudyListPagination = ({
-  onChangePage,
-  currentPage,
-  perPage,
-  onChangePerPage,
-}) => {
+const StudyListPagination = ({ onChangePage, currentPage, perPage, onChangePerPage }) => {
   const { t } = useTranslation('StudyList');
 
   const navigateToPage = page => {
@@ -25,9 +20,7 @@ const StudyListPagination = ({
     { value: '50', label: '50' },
     { value: '100', label: '100' },
   ];
-  const [selectedRange, setSelectedRange] = useState(
-    ranges.find(r => r.value === perPage)
-  );
+  const [selectedRange, setSelectedRange] = useState(ranges.find(r => r.value === perPage));
   const onSelectedRange = selectedRange => {
     setSelectedRange(selectedRange);
     onChangePerPage(selectedRange.value);
@@ -35,12 +28,12 @@ const StudyListPagination = ({
 
   return (
     <div className="bg-black py-10">
-      <div className="container m-auto relative px-8">
+      <div className="container relative m-auto px-8">
         <div className="flex justify-between">
           <div className="flex items-center">
             <Select
               id="rows-per-page"
-              className="relative mr-3 w-24 border-primary-main"
+              className="border-primary-main relative mr-3 w-24"
               options={ranges}
               value={selectedRange}
               isMulti={false}
@@ -50,13 +43,11 @@ const StudyListPagination = ({
               hideSelectedOptions={true}
               onChange={onSelectedRange}
             />
-            <Typography className="text-base opacity-60">
-              {t('ResultsPerPage')}
-            </Typography>
+            <Typography className="text-base opacity-60">{t('ResultsPerPage')}</Typography>
           </div>
           <div className="">
             <div className="flex items-center">
-              <Typography className="opacity-60 mr-4 text-base">
+              <Typography className="mr-4 text-base opacity-60">
                 {t('Page')} {currentPage}
               </Typography>
               {/* TODO Revisit design of ButtonGroup later - for now use LegacyButton for its children.*/}