impl: dir content table virtualization

apps/drive-web/src/components/ui/table.tsx

@@ -3,17 +3,22 @@ import type * as React from "react"
 import { cn } from "@/lib/utils"
 
 function Table({ className, ...props }: React.ComponentProps<"table">) {
+	return (
+		<table
+			data-slot="table"
+			className={cn("w-full caption-bottom text-sm", className)}
+			{...props}
+		/>
+	)
+}
+
+function TableContainer({ className, ...props }: React.ComponentProps<"div">) {
 	return (
 		<div
 			data-slot="table-container"
-			className="relative w-full overflow-x-auto"
-		>
-			<table
-				data-slot="table"
-				className={cn("w-full caption-bottom text-sm", className)}
-				{...props}
-			/>
-		</div>
+			className={cn("relative w-full overflow-x-auto", className)}
+			{...props}
+		/>
 	)
 }
 
@@ -104,6 +109,7 @@ function TableCaption({
 
 export {
 	Table,
+	TableContainer,
 	TableHeader,
 	TableBody,
 	TableFooter,