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

platform/ui/src/components/StudyListTable/StudyListTable.tsx

@@ -6,11 +6,19 @@ import StudyListTableRow from './StudyListTableRow';
 const StudyListTable = ({ tableDataSource, querying }) => {
   return (
     <div className="bg-black">
-      <div className="container m-auto relative">
+      <div className="container relative m-auto">
         <table className="w-full text-white">
-          <tbody data-cy="study-list-results" data-querying={querying}>
+          <tbody
+            data-cy="study-list-results"
+            data-querying={querying}
+          >
             {tableDataSource.map((tableData, i) => {
-              return <StudyListTableRow tableData={tableData} key={i} />;
+              return (
+                <StudyListTableRow
+                  tableData={tableData}
+                  key={i}
+                />
+              );
             })}
           </tbody>
         </table>

platform/ui/src/components/StudyListTable/StudyListTableRow.tsx

@@ -13,14 +13,15 @@ const StudyListTableRow = props => {
       <tr className="select-none">
         <td
           className={classnames('border-0 p-0', {
-            'border-b border-secondary-light bg-primary-dark': isExpanded,
+            'border-secondary-light bg-primary-dark border-b': isExpanded,
           })}
         >
           <div
             className={classnames(
               'w-full transition duration-300',
               {
-                'border border-primary-light rounded overflow-hidden mb-2 hover:border-secondary-light': isExpanded,
+                'border-primary-light hover:border-secondary-light mb-2 overflow-hidden rounded border':
+                  isExpanded,
               },
               {
                 'border-transparent': !isExpanded,
@@ -31,7 +32,7 @@ const StudyListTableRow = props => {
               <tbody>
                 <tr
                   className={classnames(
-                    'cursor-pointer hover:bg-secondary-main transition duration-300',
+                    'hover:bg-secondary-main cursor-pointer transition duration-300',
                     {
                       'bg-primary-dark': !isExpanded,
                     },
@@ -45,8 +46,8 @@ const StudyListTableRow = props => {
                       <td
                         key={index}
                         className={classnames(
-                          'px-4 py-2 text-base truncate',
-                          { 'border-b border-secondary-light': !isExpanded },
+                          'truncate px-4 py-2 text-base',
+                          { 'border-secondary-light border-b': !isExpanded },
                           getGridWidthClass(gridCol) || ''
                         )}
                         style={{
@@ -58,18 +59,13 @@ const StudyListTableRow = props => {
                           {index === 0 && (
                             <div>
                               <Icon
-                                name={
-                                  isExpanded ? 'chevron-down' : 'chevron-right'
-                                }
+                                name={isExpanded ? 'chevron-down' : 'chevron-right'}
                                 className="mr-4 inline-flex"
                               />
                             </div>
                           )}
                           <div
-                            className={classnames(
-                              { 'overflow-hidden': true },
-                              { truncate: true }
-                            )}
+                            className={classnames({ 'overflow-hidden': true }, { truncate: true })}
                           >
                             {content}
                           </div>
@@ -79,7 +75,7 @@ const StudyListTableRow = props => {
                   })}
                 </tr>
                 {isExpanded && (
-                  <tr className="w-full bg-black select-text max-h-0 overflow-hidden">
+                  <tr className="max-h-0 w-full select-text overflow-hidden bg-black">
                     <td colSpan={row.length}>{expandedContent}</td>
                   </tr>
                 )}