website refactor

apps/website/components/admin/AdminDataTable.tsx

@@ -0,0 +1,32 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/ui/Card';
+import { Box } from '@/ui/Box';
+
+interface AdminDataTableProps {
+  children: React.ReactNode;
+  maxHeight?: string | number;
+}
+
+/**
+ * AdminDataTable
+ * 
+ * Semantic wrapper for high-density admin tables.
+ * Provides a consistent container with "Precision Racing Minimal" styling.
+ */
+export function AdminDataTable({
+  children,
+  maxHeight
+}: AdminDataTableProps) {
+  return (
+    <Card p={0} overflow="hidden">
+      <Box 
+        overflow="auto" 
+        maxHeight={maxHeight}
+      >
+        {children}
+      </Box>
+    </Card>
+  );
+}