style: clean up code with prettier and eslint

src/app/admin/rooms/show/[id]/page.tsx

@@ -1,35 +1,31 @@
-import { DoorOpen, Eye, Globe, Lock, Pencil, Sofa, Users } from 'lucide-react'
-import Link from 'next/link'
-import { redirect } from 'next/navigation'
-import { AdminBreadcrumb } from '@/components/admin/admin-breadcrumb'
-import { Badge } from '@/components/ui/badge'
-import { Button } from '@/components/ui/button'
-import { Card, CardContent } from '@/components/ui/card'
-import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
-import { loadRoom } from '../../_lib/load-room'
+import { DoorOpen, Eye, Globe, Lock, Pencil, Sofa, Users } from "lucide-react";
+import Link from "next/link";
+import { redirect } from "next/navigation";
+import { AdminBreadcrumb } from "@/components/admin/admin-breadcrumb";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent } from "@/components/ui/card";
+import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
+import { loadRoom } from "../../_lib/load-room";
 
-const stateVariants: Record<string, 'default' | 'secondary' | 'destructive' | 'outline'> = {
-  open: 'default',
-  locked: 'secondary',
-  password: 'destructive',
-  invisible: 'outline',
-}
+const stateVariants: Record<string, "default" | "secondary" | "destructive" | "outline"> = {
+  open: "default",
+  locked: "secondary",
+  password: "destructive",
+  invisible: "outline",
+};
 
-export default async function RoomShowPage({
-  params,
-}: {
-  params: Promise<{ locale: string; id: string }>
-}) {
-  const { id } = await params
-  const { session, permissions } = await getAdminContext()
-  if (!canAccess(permissions, PERMS.ROOMS_VIEW, session.user.rank)) redirect('/admin')
+export default async function RoomShowPage({ params }: { params: Promise<{ locale: string; id: string }> }) {
+  const { id } = await params;
+  const { session, permissions } = await getAdminContext();
+  if (!canAccess(permissions, PERMS.ROOMS_VIEW, session.user.rank)) redirect("/admin");
 
-  const room = await loadRoom(id)
-  const canEdit = session.user.rank >= 4
+  const room = await loadRoom(id);
+  const canEdit = session.user.rank >= 4;
 
   return (
     <div className="space-y-6">
-      <AdminBreadcrumb items={[{ label: 'Rooms', href: '/admin/rooms' }, { label: room.name }]} />
+      <AdminBreadcrumb items={[{ label: "Rooms", href: "/admin/rooms" }, { label: room.name }]} />
 
       {/* Hero */}
       <div className="rounded-xl border bg-gradient-to-r from-card to-muted/30 p-6">
@@ -41,7 +37,7 @@ export default async function RoomShowPage({
               <Badge variant="secondary" className="text-xs">
                 #{room.id}
               </Badge>
-              <Badge variant={stateVariants[room.state] || 'outline'}>{room.state}</Badge>
+              <Badge variant={stateVariants[room.state] || "outline"}>{room.state}</Badge>
             </div>
             {room.description && <p className="text-muted-foreground">{room.description}</p>}
             <div className="flex items-center gap-4 text-sm">
@@ -125,5 +121,5 @@ export default async function RoomShowPage({
         </Card>
       </div>
     </div>
-  )
+  );
 }