lint

Author: eric-kitagawa

clients/web/src/components/ui/PageShell.tsx

@@ -1,27 +1,27 @@
-import type { ReactNode } from "react";
-import { cn } from "@/lib/utils";
+import type { ReactNode } from 'react'
+import { cn } from '@/lib/utils'
 
 type PageShellProps = {
-  header: ReactNode;
-  drawer?: ReactNode;
-  drawerOpen?: boolean;
-  children: ReactNode;
-};
+  header: ReactNode
+  drawer?: ReactNode
+  drawerOpen?: boolean
+  children: ReactNode
+}
 
 export function PageShell({
   header,
   drawer,
   drawerOpen = false,
   children,
 }: PageShellProps) {
-  const hasDrawer = !!drawer;
+  const hasDrawer = !!drawer
 
   return (
     <main className="flex h-screen overflow-hidden">
       <div
         className={cn(
-          "shrink-0 flex flex-col overflow-hidden transition-[flex-basis] duration-300 ease-in-out",
-          hasDrawer && drawerOpen ? "basis-2/5" : "basis-full"
+          'shrink-0 flex flex-col overflow-hidden transition-[flex-basis] duration-300 ease-in-out',
+          hasDrawer && drawerOpen ? 'basis-2/5' : 'basis-full',
         )}
       >
         <header className="shrink-0 bg-gray-100 h-[10vh] px-[4vw]">
@@ -38,16 +38,14 @@ export function PageShell({
       {hasDrawer && (
         <aside
           className={cn(
-            "shrink-0 overflow-hidden transition-[flex-basis] duration-300 ease-in-out shadow-xl shadow-black/25 px-[4vw] py-[3vh]",
-            drawerOpen ? "basis-3/5" : "basis-0"
+            'shrink-0 overflow-hidden transition-[flex-basis] duration-300 ease-in-out shadow-xl shadow-black/25 px-[4vw] py-[3vh]',
+            drawerOpen ? 'basis-3/5' : 'basis-0',
           )}
         >
           {/* Nested div to a fixed width to avoid animation issues */}
-          <div className="h-full w-[60vw]">
-            {drawer}
-          </div>
+          <div className="h-full w-[60vw]">{drawer}</div>
         </aside>
       )}
     </main>
-  );
+  )
 }

clients/web/src/routes/_protected/rooms.tsx

@@ -1,13 +1,13 @@
 import { createFileRoute } from '@tanstack/react-router'
+import { useState } from 'react'
 import { PageShell } from '@/components/ui/PageShell'
-import { useState } from 'react';
 
 export const Route = createFileRoute('/_protected/rooms')({
   component: RoomsPage,
 })
 
 function RoomsPage() {
-  const [open, setOpen] = useState(false);
+  const [open, setOpen] = useState(false)
   return (
     <PageShell
       header={