Format all files

leaky-ships/components/Logo.tsx

@@ -1,5 +1,4 @@
 import classNames from "classnames"
-import React from "react"
 
 function Logo({ small }: { small?: boolean }) {
   return (
@@ -7,7 +6,7 @@ function Logo({ small }: { small?: boolean }) {
       <h1
         className={classNames(
           "font-checkpoint mx-16 my-2 flex flex-col gap-2 border-y-2 border-slate-700 text-center text-2xl leading-tight tracking-widest sm:mx-24 sm:my-3 sm:gap-3 sm:border-y-[3px] sm:text-4xl md:mx-36 md:my-4 md:gap-4 md:border-y-4 md:text-5xl",
-          { "xl:gap-6 xl:py-2 xl:text-6xl": !small }
+          { "xl:gap-6 xl:py-2 xl:text-6xl": !small },
         )}
       >
         <span>Leaky</span>
@@ -67,14 +66,14 @@ function Screw({
       className={classNames(
         "absolute flex h-3 w-3 flex-col items-center justify-center rounded-full border-[1px] border-neutral-700 bg-neutral-400 sm:h-5 sm:w-5 sm:border-2 md:h-6 md:w-6",
         { "xl:h-8 xl:w-8": !small },
-        orientation
+        orientation,
       )}
     >
       <hr
         className={classNames(
           "color w-full border-neutral-500 sm:border-t-2",
           { "xl:border-t-4": !small },
-          rotation
+          rotation,
         )}
       />
     </div>