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

platform/ui/src/components/Thumbnail/Thumbnail.tsx

@@ -30,7 +30,7 @@ const Thumbnail = ({
   const [collectedProps, drag, dragPreview] = useDrag({
     type: 'displayset',
     item: { ...dragData },
-    canDrag: function(monitor) {
+    canDrag: function (monitor) {
       return Object.keys(dragData).length !== 0;
     },
   });
@@ -39,7 +39,7 @@ const Thumbnail = ({
     <div
       className={classnames(
         className,
-        'flex flex-col flex-1 px-3 mb-8 cursor-pointer outline-none select-none group'
+        'group mb-8 flex flex-1 cursor-pointer select-none flex-col px-3 outline-none'
       )}
       id={`thumbnail-${displaySetInstanceUID}`}
       data-cy={`study-browser-thumbnail`}
@@ -51,10 +51,10 @@ const Thumbnail = ({
       <div ref={drag}>
         <div
           className={classnames(
-            'flex flex-1 items-center justify-center rounded-md bg-black text-base text-white overflow-hidden min-h-32',
+            'min-h-32 flex flex-1 items-center justify-center overflow-hidden rounded-md bg-black text-base text-white',
             isActive
-              ? 'border-2 border-primary-light'
-              : 'border border-secondary-light hover:border-blue-300'
+              ? 'border-primary-light border-2'
+              : 'border-secondary-light border hover:border-blue-300'
           )}
           style={{
             margin: isActive ? '0' : '1px',
@@ -64,20 +64,23 @@ const Thumbnail = ({
             <img
               src={imageSrc}
               alt={imageAltText}
-              className="object-none min-h-32"
+              className="min-h-32 object-none"
               crossOrigin="anonymous"
             />
           ) : (
             <div>{imageAltText}</div>
           )}
         </div>
-        <div className="flex flex-row items-center flex-1 pt-2 text-base text-blue-300">
+        <div className="flex flex-1 flex-row items-center pt-2 text-base text-blue-300">
           <div className="mr-4">
-            <span className="font-bold text-primary-main">{'S: '}</span>
+            <span className="text-primary-main font-bold">{'S: '}</span>
             {seriesNumber}
           </div>
-          <div className="flex flex-row items-center flex-1">
-            <Icon name={countIcon || 'group-layers'} className="w-3 mr-2" />
+          <div className="flex flex-1 flex-row items-center">
+            <Icon
+              name={countIcon || 'group-layers'}
+              className="mr-2 w-3"
+            />
             {` ${numInstances}`}
           </div>
           <DisplaySetMessageListTooltip
@@ -85,7 +88,7 @@ const Thumbnail = ({
             id={`display-set-tooltip-${displaySetInstanceUID}`}
           />
         </div>
-        <div className="text-base text-white break-all">{description}</div>
+        <div className="break-all text-base text-white">{description}</div>
       </div>
     </div>
   );