feat: add admin operations suite

src/app/admin/logs/trades/trades-table.tsx

@@ -0,0 +1,45 @@
+'use client'
+
+import { DataTable } from '@/components/admin/data-table'
+import { Badge } from '@/components/ui/badge'
+import { formatTimestamp } from '@/lib/admin-helpers'
+import type { DataTableColumn, PaginatedResult } from '@/types'
+
+interface TradeLogRow {
+  id: number
+  userOneName: string
+  userTwoName: string
+  status: string
+  timestamp: number
+}
+
+const columns: DataTableColumn<TradeLogRow>[] = [
+  { key: 'id', label: 'ID', sortable: true },
+  { key: 'userOneName', label: 'User One' },
+  { key: 'userTwoName', label: 'User Two' },
+  {
+    key: 'status',
+    label: 'Status',
+    sortable: true,
+    render: (value) => {
+      const v = String(value)
+      const variant =
+        v === 'completed' ? 'default' : v === 'cancelled' ? 'destructive' : 'secondary'
+      return <Badge variant={variant}>{v || 'unknown'}</Badge>
+    },
+  },
+  {
+    key: 'timestamp',
+    label: 'Time',
+    sortable: true,
+    render: (value) => <span>{formatTimestamp(Number(value))}</span>,
+  },
+]
+
+interface TradesTableProps {
+  data: PaginatedResult<TradeLogRow>
+}
+
+export function TradesTable({ data }: TradesTableProps) {
+  return <DataTable data={data} columns={columns} searchPlaceholder="Search by username..." />
+}