website refactor

apps/website/components/teams/TeamLadderTable.tsx

@@ -0,0 +1,26 @@
+import React, { ReactNode } from 'react';
+import { Table, TableHead, TableBody, TableRow, TableHeader } from '@/ui/Table';
+
+interface TeamLadderTableProps {
+  children: ReactNode;
+}
+
+export function TeamLadderTable({ children }: TeamLadderTableProps) {
+  return (
+    <Table>
+      <TableHead>
+        <TableRow>
+          <TableHeader>Rank</TableHeader>
+          <TableHeader>Team</TableHeader>
+          <TableHeader>Rating</TableHeader>
+          <TableHeader>Wins</TableHeader>
+          <TableHeader>Races</TableHeader>
+          <TableHeader>Members</TableHeader>
+        </TableRow>
+      </TableHead>
+      <TableBody>
+        {children}
+      </TableBody>
+    </Table>
+  );
+}