add user

apps/admin.saladeaula.digital/app/components/data-table/data-table.tsx

@@ -29,6 +29,7 @@ import {
   TableHeader,
   TableRow
 } from '@repo/ui/components/ui/table'
+import { cn } from '@repo/ui/lib/utils'
 import { DataTablePagination } from './pagination'
 
 interface DataTableProps<TData, TValue> {
@@ -145,7 +146,7 @@ export function DataTable<TData, TValue>({
           <CardContent>
             {children}
 
-            <Table_>
+            <Table_ className="table-auto">
               <TableHeader>
                 {table.getHeaderGroups().map((headerGroup) => (
                   <TableRow
@@ -154,7 +155,13 @@ export function DataTable<TData, TValue>({
                   >
                     {headerGroup.headers.map((header) => {
                       return (
-                        <TableHead key={header.id} className="p-2.5">
+                        <TableHead
+                          key={header.id}
+                          className={cn(
+                            'p-2.5',
+                            header.column.columnDef.meta?.className
+                          )}
+                        >
                           {header.isPlaceholder
                             ? null
                             : flexRender(
@@ -176,7 +183,13 @@ export function DataTable<TData, TValue>({
                       data-state={row.getIsSelected() && 'selected'}
                     >
                       {row.getVisibleCells().map((cell) => (
-                        <TableCell key={cell.id} className="p-2.5">
+                        <TableCell
+                          key={cell.id}
+                          className={cn(
+                            'p-2.5',
+                            cell.column.columnDef.meta?.className
+                          )}
+                        >
                           {flexRender(
                             cell.column.columnDef.cell,
                             cell.getContext()