style: format code with prettier

src/app/admin/rooms/rooms-table.tsx

@@ -1,36 +1,36 @@
-'use client'
+"use client";
 
-import { Eye, Pencil, Sofa, Wifi } from 'lucide-react'
-import Link from 'next/link'
-import { DataTable } from '@/components/admin/data-table'
-import { Badge } from '@/components/ui/badge'
-import { Button } from '@/components/ui/button'
-import type { DataTableColumn, PaginatedResult } from '@/types'
+import { Eye, Pencil, Sofa, Wifi } from "lucide-react";
+import Link from "next/link";
+import { DataTable } from "@/components/admin/data-table";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import type { DataTableColumn, PaginatedResult } from "@/types";
 
 interface RoomRow {
-  id: number
-  name: string
-  ownerName: string
-  ownerId: number
-  state: string
-  users: number
-  usersMax: number
-  description: string
+  id: number;
+  name: string;
+  ownerName: string;
+  ownerId: number;
+  state: string;
+  users: number;
+  usersMax: number;
+  description: string;
 }
 
-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",
+};
 
 function getColumns(canEdit: boolean): DataTableColumn<RoomRow>[] {
   return [
-    { key: 'id', label: 'ID', sortable: true },
+    { key: "id", label: "ID", sortable: true },
     {
-      key: 'name',
-      label: 'Room',
+      key: "name",
+      label: "Room",
       sortable: true,
       render: (_, row) => (
         <Link href={`/admin/rooms/show/${row.id}`} className="hover:opacity-80">
@@ -46,49 +46,42 @@ function getColumns(canEdit: boolean): DataTableColumn<RoomRow>[] {
       ),
     },
     {
-      key: 'ownerName',
-      label: 'Owner',
+      key: "ownerName",
+      label: "Owner",
       render: (_, row) => (
-        <Link
-          href={`/admin/users/show/${row.ownerId}`}
-          className="text-sm text-primary hover:underline"
-        >
+        <Link href={`/admin/users/show/${row.ownerId}`} className="text-sm text-primary hover:underline">
           {row.ownerName}
         </Link>
       ),
     },
     {
-      key: 'state',
-      label: 'State',
+      key: "state",
+      label: "State",
       sortable: true,
-      filterKey: 'filter_state',
+      filterKey: "filter_state",
       filterOptions: [
-        { label: 'Open', value: 'open' },
-        { label: 'Locked', value: 'locked' },
-        { label: 'Password', value: 'password' },
-        { label: 'Invisible', value: 'invisible' },
+        { label: "Open", value: "open" },
+        { label: "Locked", value: "locked" },
+        { label: "Password", value: "password" },
+        { label: "Invisible", value: "invisible" },
       ],
-      render: (value) => (
-        <Badge variant={stateVariants[String(value)] || 'outline'}>{String(value)}</Badge>
-      ),
+      render: (value) => <Badge variant={stateVariants[String(value)] || "outline"}>{String(value)}</Badge>,
     },
     {
-      key: 'users',
-      label: 'Users',
+      key: "users",
+      label: "Users",
       sortable: true,
       render: (_, row) => (
         <span className="flex items-center gap-1.5 text-sm">
           {row.users > 0 && <Wifi className="h-3 w-3 text-[var(--admin-success)]" />}
-          <span className={row.users > 0 ? 'font-medium' : 'text-muted-foreground'}>
-            {row.users}
-          </span>
+          <span className={row.users > 0 ? "font-medium" : "text-muted-foreground"}>{row.users}</span>
           <span className="text-muted-foreground">/ {row.usersMax}</span>
         </span>
       ),
     },
     {
-      key: 'actions',
-      label: '',
+      key: "actions",
+      label: "",
       render: (_, row) => (
         <div className="flex items-center gap-1">
           <Button variant="ghost" size="icon" asChild>
@@ -111,12 +104,12 @@ function getColumns(canEdit: boolean): DataTableColumn<RoomRow>[] {
         </div>
       ),
     },
-  ]
+  ];
 }
 
 interface RoomsTableProps {
-  data: PaginatedResult<RoomRow>
-  canEdit: boolean
+  data: PaginatedResult<RoomRow>;
+  canEdit: boolean;
 }
 
 export function RoomsTable({ data, canEdit }: RoomsTableProps) {
@@ -125,7 +118,7 @@ export function RoomsTable({ data, canEdit }: RoomsTableProps) {
       data={data}
       columns={getColumns(canEdit)}
       searchPlaceholder="Search by room name or owner..."
-      exportUrl={canEdit ? '/api/admin/export?type=rooms' : undefined}
+      exportUrl={canEdit ? "/api/admin/export?type=rooms" : undefined}
     />
-  )
+  );
 }