feat: add role user modules and shared table updates

src/components/data-table/TableHeader.tsx

@@ -2,21 +2,20 @@
 import { flexRender } from '@tanstack/react-table';
 import { TableHead, TableHeader as ShadTableHeader, TableRow } from '@/components/ui/table';
 import { Table } from '@tanstack/react-table';
-import { ChevronDown, ChevronsUpDown } from 'lucide-react';
 
 const TableHeader = <TData, _>({ table }: { table: Table<TData> }) => {
   return (
     <ShadTableHeader>
       {table.getHeaderGroups().map((headerGroup) => (
-        <TableRow key={headerGroup.id} className="hover:bg-transparent border-b border-border/30">
+        <TableRow key={headerGroup.id}>
           {headerGroup.headers.map((header) => {
             return (
               <TableHead
                 key={header.id}
-                className="h-14 px-6 text-muted-foreground border-b border-border/30 font-medium text-sm"
+                className="h-10 px-2 text-foreground"
               >
                 {header.isPlaceholder ? null : (
-                  <div className="flex items-center gap-2 group  cursor-pointer select-none">
+                  <div className="flex items-center gap-2">
                     {flexRender(header.column.columnDef.header, header.getContext())}
                   </div>
                 )}