feat(data-table): Introduce comprehensive DataTable component with full feature set

packages/ui-common/src/components/data-table/skeleton.tsx

@@ -0,0 +1,16 @@
+import { Table as TanstackTable } from "@tanstack/react-table";
+
+import { Skeleton } from "../skeleton";
+import { TableCell, TableRow } from "#components/table";
+
+export function DataTableSkeleton({ table }: { table: TanstackTable<any> }) {
+  return Array.from({ length: 10 }).map((_, i) => (
+    <TableRow key={i}>
+      {table.getAllColumns().map((column) => (
+        <TableCell key={column.id}>
+          <Skeleton className="h-8" />
+        </TableCell>
+      ))}
+    </TableRow>
+  ));
+}