website refactor

apps/website/ui/Table.tsx

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import { Surface } from './Surface';
 
 export interface TableProps {
   children: ReactNode;
@@ -32,9 +33,9 @@ export const TableHeader = ({ children, className, textAlign, w }: { children: R
 
 export const TableHead = TableHeader;
 
-export const TableBody = ({ children }: { children: ReactNode }) => {
+export const TableBody = ({ children, className }: { children: ReactNode, className?: string }) => {
   return (
-    <tbody className="divide-y divide-[var(--ui-color-border-muted)]">
+    <tbody className={`divide-y divide-[var(--ui-color-border-muted)] ${className || ''}`}>
       {children}
     </tbody>
   );