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

platform/ui/src/components/Header/Header.tsx

@@ -33,33 +33,36 @@ function Header({
       className="justify-between border-b-4 border-black"
       isSticky={isSticky}
     >
-      <div className="flex justify-between flex-1">
+      <div className="flex flex-1 justify-between">
         <div className="flex items-center">
           {/* // TODO: Should preserve filter/sort
               // Either injected service? Or context (like react router's `useLocation`?) */}
           <div
             className={classNames(
-              'inline-flex items-center mr-3',
+              'mr-3 inline-flex items-center',
               isReturnEnabled && 'cursor-pointer'
             )}
             onClick={onClickReturn}
           >
             {isReturnEnabled && (
-              <Icon name="chevron-left" className="w-8 text-primary-active" />
+              <Icon
+                name="chevron-left"
+                className="text-primary-active w-8"
+              />
             )}
             <div className="ml-4">
-              {WhiteLabeling?.createLogoComponentFn?.(React, props) || (
-                <Svg name="logo-ohif" />
-              )}
+              {WhiteLabeling?.createLogoComponentFn?.(React, props) || <Svg name="logo-ohif" />}
             </div>
           </div>
         </div>
         <div className="flex items-center">{children}</div>
         <div className="flex items-center">
-          <span className="mr-3 text-lg text-common-light">
-            {t('INVESTIGATIONAL USE ONLY')}
-          </span>
-          <Dropdown id="options" showDropdownIcon={false} list={menuOptions}>
+          <span className="text-common-light mr-3 text-lg">{t('INVESTIGATIONAL USE ONLY')}</span>
+          <Dropdown
+            id="options"
+            showDropdownIcon={false}
+            list={menuOptions}
+          >
             <IconButton
               id={'options-settings-icon'}
               variant="text"

platform/ui/src/components/Header/__stories__/Header.stories.mdx

@@ -7,11 +7,17 @@ export const argTypes = {
   title: 'Components/Header',
 };
 
-<Meta title="Components/Header" component={Header} />
+<Meta
+  title="Components/Header"
+  component={Header}
+/>
 
 export const HeaderTemplate = createComponentTemplate(Header);
 
-<Heading title="Header" componentRelativePath="Header/Header.tsx" />
+<Heading
+  title="Header"
+  componentRelativePath="Header/Header.tsx"
+/>
 
 - [Overview](#overview)
 - [Props](#props)