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

platform/ui/src/storybook/components/footer/footer.tsx

@@ -3,9 +3,9 @@ import React from 'react';
 export const Footer = ({ componentRelativePath }) => {
   return (
     <div>
-      <p className="my-2 text-gray-800 font-inter">
-        We always welcome feedback and suggestions. If you are interested to add
-        additional usecases, please send us a pull request. Edit this page on{' '}
+      <p className="font-inter my-2 text-gray-800">
+        We always welcome feedback and suggestions. If you are interested to add additional
+        usecases, please send us a pull request. Edit this page on{' '}
         <a
           className="text-blue-400"
           href={`https://github.com/OHIF/Viewers/edit/master/platform/ui/src/components/${componentRelativePath}`}

platform/ui/src/storybook/components/heading/heading.tsx

@@ -23,11 +23,9 @@ function GitHubLogo() {
 
 export const Heading = ({ title, componentRelativePath }) => {
   return (
-    <div className="flex items-center w-full space-x-2">
+    <div className="flex w-full items-center space-x-2">
       <div>
-        <h1 className="text-4xl font-normal text-blue-600 font-inter">
-          {title}
-        </h1>
+        <h1 className="font-inter text-4xl font-normal text-blue-600">{title}</h1>
       </div>
       {componentRelativePath && (
         <div>

platform/ui/src/storybook/components/index.tsx

@@ -7,11 +7,4 @@ import { SectionName } from './section-name/section-name';
 import { Footer } from './footer/footer';
 import { WithImage } from './image/image';
 
-export {
-  Heading,
-  AnchorListItem,
-  LinkComponent,
-  SectionName,
-  Footer,
-  WithImage,
-};
+export { Heading, AnchorListItem, LinkComponent, SectionName, Footer, WithImage };

platform/ui/src/storybook/components/link-component/link-component.tsx

@@ -1,11 +1,6 @@
 import React from 'react';
 
-export const LinkComponent = ({
-  children,
-  href,
-  target: originalTarget,
-  rel,
-}) => {
+export const LinkComponent = ({ children, href, target: originalTarget, rel }) => {
   const onClick = event => {
     if (originalTarget) {
       return;

platform/ui/src/storybook/components/section-name/section-name.tsx

@@ -2,17 +2,14 @@ import PropTypes from 'prop-types';
 import { useMemo } from 'react';
 
 export const SectionName = ({ className, children, ...props }) => {
-  const id = useMemo(
-    () =>
-      children
-        .toLowerCase()
-        .split(' ')
-        .join('-'),
-    [children]
-  );
+  const id = useMemo(() => children.toLowerCase().split(' ').join('-'), [children]);
   // eslint-disable-next-line jsx-a11y/heading-has-content
   return (
-    <h2 id={id} {...props} className="mt-4 text-3xl text-blue-600">
+    <h2
+      id={id}
+      {...props}
+      className="mt-4 text-3xl text-blue-600"
+    >
       {children}
     </h2>
   );