style: clean up code with prettier and eslint

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

@@ -1,66 +1,66 @@
-'use client'
+"use client";
 
-import { Pencil } 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 { Pencil } 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 EventRow {
-  id: number
-  title: string
-  typeName: string
-  typeColor: string
-  startsAt: Date
-  endsAt: Date | null
-  status: string
-  hostUserId: number
+  id: number;
+  title: string;
+  typeName: string;
+  typeColor: string;
+  startsAt: Date;
+  endsAt: Date | null;
+  status: string;
+  hostUserId: number;
 }
 
-const statusVariants: Record<string, 'default' | 'secondary' | 'outline' | 'destructive'> = {
-  published: 'default',
-  draft: 'secondary',
-  cancelled: 'destructive',
-  completed: 'outline',
-}
+const statusVariants: Record<string, "default" | "secondary" | "outline" | "destructive"> = {
+  published: "default",
+  draft: "secondary",
+  cancelled: "destructive",
+  completed: "outline",
+};
 
 function getColumns(): DataTableColumn<EventRow>[] {
   return [
-    { key: 'id', label: 'ID', sortable: true },
+    { key: "id", label: "ID", sortable: true },
     {
-      key: 'title',
-      label: 'Title',
+      key: "title",
+      label: "Title",
       sortable: true,
       render: (value) => <span className="font-medium">{String(value)}</span>,
     },
     {
-      key: 'typeName',
-      label: 'Type',
+      key: "typeName",
+      label: "Type",
       sortable: false,
       render: (_, row) => (
-        <Badge style={{ backgroundColor: row.typeColor, color: '#fff' }}>{row.typeName}</Badge>
+        <Badge style={{ backgroundColor: row.typeColor, color: "#fff" }}>{row.typeName}</Badge>
       ),
     },
     {
-      key: 'startsAt',
-      label: 'Starts',
+      key: "startsAt",
+      label: "Starts",
       sortable: true,
       render: (value) => (
         <span className="text-sm">{new Date(value as unknown as string).toLocaleString()}</span>
       ),
     },
     {
-      key: 'status',
-      label: 'Status',
+      key: "status",
+      label: "Status",
       sortable: true,
       render: (value) => (
-        <Badge variant={statusVariants[String(value)] ?? 'secondary'}>{String(value)}</Badge>
+        <Badge variant={statusVariants[String(value)] ?? "secondary"}>{String(value)}</Badge>
       ),
     },
     {
-      key: 'actions',
-      label: 'Actions',
+      key: "actions",
+      label: "Actions",
       render: (_, row) => (
         <Button variant="ghost" size="icon" asChild>
           <Link href={`/admin/events/${row.id}`}>
@@ -69,13 +69,13 @@ function getColumns(): DataTableColumn<EventRow>[] {
         </Button>
       ),
     },
-  ]
+  ];
 }
 
 interface EventsTableProps {
-  data: PaginatedResult<EventRow>
+  data: PaginatedResult<EventRow>;
 }
 
 export function EventsTable({ data }: EventsTableProps) {
-  return <DataTable data={data} columns={getColumns()} searchPlaceholder="Search events..." />
+  return <DataTable data={data} columns={getColumns()} searchPlaceholder="Search events..." />;
 }