Prettier fixes.

src/app/Marine2/components/boxes/Tanks/Tanks.tsx

@@ -40,12 +40,9 @@ const Tanks = ({ componentMode = "full", className }: Props) => {
   useEffect(() => {
     if (!windowSize.width || !windowSize.height) return
 
-    const orientation = windowSize.width > 3 * windowSize.height
-      ? "horizontal"
-      : "vertical"
+    const orientation = windowSize.width > 3 * windowSize.height ? "horizontal" : "vertical"
 
     setOrientation(orientation)
-
   }, [windowSize])
 
   if (componentMode === "compact") {
@@ -61,12 +58,7 @@ const Tanks = ({ componentMode = "full", className }: Props) => {
       >
         {filteredTanks.map((tank) => (
           <div ref={tankRef} key={tank}>
-            <Tank
-              componentMode="compact"
-              key={tank}
-              tankInstanceId={Number(tank)}
-              parentSize={boxSize}
-            />
+            <Tank componentMode="compact" key={tank} tankInstanceId={Number(tank)} parentSize={boxSize} />
           </div>
         ))}
       </Box>

src/app/Marine2/components/ui/Observers/SizeChangeObserver.tsx

@@ -13,7 +13,6 @@ interface Props {
 }
 
 const SizeChangeObserver = ({ children, onSizeChange, orientation, className = "", style }: Props) => {
-
   const containerRef = useRef<HTMLDivElement>(null)
 
   const [width, height] = useSize(containerRef)

src/app/Marine2/components/ui/ProgressCircle/Styles.ts

@@ -1,16 +1,16 @@
-import { BreakpointStylesType } from "../../../utils/media"
-
-export const Styles: BreakpointStylesType = {
-  default: {
-    percentage: "text-lg",
-  },
-  "xs-xs": {
-    percentage: "text-xl",
-  },
-  "md-s": {
-    percentage: "text-xxl",
-  },
-  "lg-m": {
-    percentage: "text-2xl",
-  },
-}
+import { BreakpointStylesType } from "../../../utils/media"
+
+export const Styles: BreakpointStylesType = {
+  default: {
+    percentage: "text-lg",
+  },
+  "xs-xs": {
+    percentage: "text-xl",
+  },
+  "md-s": {
+    percentage: "text-xxl",
+  },
+  "lg-m": {
+    percentage: "text-2xl",
+  },
+}