website refactor

apps/website/components/admin/AdminDataTable.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { Card } from '@/ui/Card';
+import { Box } from '@/ui/Box';
 import React from 'react';
 
 interface AdminDataTableProps {
@@ -20,14 +21,12 @@ export function AdminDataTable({
 }: AdminDataTableProps) {
   return (
     <Card padding={0}>
-      <div 
-        style={{ 
-          overflow: 'auto', 
-          maxHeight: typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight 
-        }}
+      <Box 
+        overflow="auto" 
+        maxHeight={typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight}
       >
         {children}
-      </div>
+      </Box>
     </Card>
   );
 }