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

platform/ui/src/components/StudyItem/StudyItem.tsx

@@ -19,7 +19,7 @@ const StudyItem = ({
   return (
     <div
       className={classnames(
-        isActive ? 'bg-secondary-dark' : 'bg-black hover:bg-secondary-main',
+        isActive ? 'bg-secondary-dark' : 'hover:bg-secondary-main bg-black',
         baseClasses
       )}
       onClick={onClick}
@@ -27,32 +27,36 @@ const StudyItem = ({
       role="button"
       tabIndex="0"
     >
-      <div className="flex flex-col flex-1 px-4 pb-2">
+      <div className="flex flex-1 flex-col px-4 pb-2">
         <div className="flex flex-row items-center justify-between pt-2 pb-2">
           <div className="text-base text-white">{date}</div>
           <div className="flex flex-row items-center text-base text-blue-300">
-            <Icon name="group-layers" className="w-4 mx-2 text-blue-300" />
+            <Icon
+              name="group-layers"
+              className="mx-2 w-4 text-blue-300"
+            />
             {numInstances}
           </div>
         </div>
         <div className="flex flex-row py-1">
           <div className="pr-5 text-xl text-blue-300">{modalities}</div>
-          <div className="text-base text-blue-300 break-words truncate-2-lines">
-            {description}
-          </div>
+          <div className="truncate-2-lines break-words text-base text-blue-300">{description}</div>
         </div>
       </div>
       {!!trackedSeries && (
-        <div className="flex flex-2">
+        <div className="flex-2 flex">
           <div
             className={classnames(
-              'flex flex-row bg-secondary-main text-base text-white py-1 pl-2 pr-4 mt-2 ',
+              'bg-secondary-main mt-2 flex flex-row py-1 pl-2 pr-4 text-base text-white ',
               isActive
-                ? 'flex-1 border-t border-secondary-light justify-center'
-                : 'rounded-sm mx-4 mb-4'
+                ? 'border-secondary-light flex-1 justify-center border-t'
+                : 'mx-4 mb-4 rounded-sm'
             )}
           >
-            <Icon name="tracked" className="w-4 mr-2 text-primary-light" />
+            <Icon
+              name="tracked"
+              className="text-primary-light mr-2 w-4"
+            />
             {trackedSeries} Tracked Series
           </div>
         </div>