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

platform/ui/src/views/Viewer/Viewer.js

@@ -10,7 +10,7 @@ const Viewer = () => {
       <div>
         <Header />
         <div
-          className="flex flex-row flex-nowrap items-stretch flex-1 w-full overflow-hidden"
+          className="flex w-full flex-1 flex-row flex-nowrap items-stretch overflow-hidden"
           style={{ height: 'calc(100vh - 52px' }}
         >
           <SidePanel
@@ -22,7 +22,7 @@ const Viewer = () => {
           >
             <StudyBrowser />
           </SidePanel>
-          <div className="flex items-center justify-center flex-1 overflow-hidden text-white h-100 bg-primary-main">
+          <div className="h-100 bg-primary-main flex flex-1 items-center justify-center overflow-hidden text-white">
             {/* <ViewportToolbar /> */}
             <div>CONTENT</div>
           </div>
@@ -33,9 +33,7 @@ const Viewer = () => {
             componentLabel="Measurements"
             defaultIsOpen={false}
           >
-            <div className="flex justify-center p-2 text-white">
-              panel placeholder
-            </div>
+            <div className="flex justify-center p-2 text-white">panel placeholder</div>
           </SidePanel>
         </div>
       </div>

platform/ui/src/views/Viewer/components/Header.js

@@ -4,15 +4,18 @@ import { NavBar, Svg, Icon, IconButton } from '../../../components';
 const Header = () => {
   return (
     <NavBar className="justify-between border-b-4 border-black">
-      <div className="flex justify-between flex-1">
+      <div className="flex flex-1 justify-between">
         <div className="flex items-center">
-          <div className="inline-flex items-center mr-3">
+          <div className="mr-3 inline-flex items-center">
             <Icon
               name="chevron-left"
-              className="w-8 cursor-pointer text-primary-active"
+              className="text-primary-active w-8 cursor-pointer"
               onClick={() => alert('Navigate to previous page')}
             />
-            <a href="#" className="ml-4">
+            <a
+              href="#"
+              className="ml-4"
+            >
               <Svg name="logo-ohif" />
             </a>
           </div>
@@ -21,9 +24,7 @@ const Header = () => {
           {/* <Toolbar tools={tools} activeTool={activeTool} moreTools={tools} /> */}
         </div>
         <div className="flex items-center">
-          <span className="mr-3 text-lg text-common-light">
-            FOR INVESTIGATIONAL USE ONLY
-          </span>
+          <span className="text-common-light mr-3 text-lg">FOR INVESTIGATIONAL USE ONLY</span>
           <IconButton
             variant="text"
             color="inherit"