refactor: refactor the color schema

src/components/data-table/TableHeader.tsx

@@ -0,0 +1,33 @@
+"use client";
+import { flexRender } from "@tanstack/react-table";
+import {
+  TableHead,
+  TableHeader as ShadTableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import { Table } from "@tanstack/react-table";
+
+const TableHeader = <TData, _>({ table }: { table: Table<TData> }) => {
+  return (
+    <ShadTableHeader>
+      {table.getHeaderGroups().map((headerGroup) => (
+        <TableRow key={headerGroup.id}>
+          {headerGroup.headers.map((header) => {
+            return (
+              <TableHead key={header.id}>
+                {header.isPlaceholder
+                  ? null
+                  : flexRender(
+                      header.column.columnDef.header,
+                      header.getContext()
+                    )}
+              </TableHead>
+            );
+          })}
+        </TableRow>
+      ))}
+    </ShadTableHeader>
+  );
+};
+
+export default TableHeader;