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

platform/ui/src/components/Viewport/Viewport.tsx

@@ -29,14 +29,9 @@ interface ViewportProps {
   children: React.ReactNode;
 }
 
-const Viewport: React.FC<ViewportProps> = ({
-  viewportId,
-  onArrowsClick,
-  studyData,
-  children,
-}) => {
+const Viewport: React.FC<ViewportProps> = ({ viewportId, onArrowsClick, studyData, children }) => {
   return (
-    <div className="relative flex flex-col h-full">
+    <div className="relative flex h-full flex-col">
       <div className="absolute top-0 left-0 w-full">
         <LegacyViewportActionBar
           onArrowsClick={onArrowsClick}
@@ -73,7 +68,10 @@ const Viewport: React.FC<ViewportProps> = ({
       </div>
 
       {/* STUDY IMAGE */}
-      <div className="w-full h-full" id={viewportId}>
+      <div
+        className="h-full w-full"
+        id={viewportId}
+      >
         {children}
       </div>
     </div>

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

@@ -8,15 +8,21 @@ export const argTypes = {
   title: 'Components/Viewport',
 };
 
-<Meta title="Components/Viewport" component={Viewport} />
+<Meta
+  title="Components/Viewport"
+  component={Viewport}
+/>
 
 export const ViewportTemplate = args => (
-  <div className="h-40 bg-primary-dark">
+  <div className="bg-primary-dark h-40">
     <Viewport {...args} />
   </div>
 );
 
-<Heading title="Viewport" componentRelativePath="Viewport/Viewport.tsx" />
+<Heading
+  title="Viewport"
+  componentRelativePath="Viewport/Viewport.tsx"
+/>
 
 - [Overview](#overview)
 - [Props](#props)