styles: refactor codebase base style

src/components/data-table/TableHeader.tsx

@@ -7,7 +7,7 @@ import { cn } from '@/lib/utils';
 
 const TableHeader = <TData, _>({ table }: { table: Table<TData> }) => {
   return (
-    <ShadTableHeader className="sticky top-0 z-10 bg-card/80 backdrop-blur-xl">
+    <ShadTableHeader className="sticky top-0 z-10 bg-card">
       {table.getHeaderGroups().map((headerGroup) => (
         <TableRow key={headerGroup.id}>
           {headerGroup.headers.map((header) => {
@@ -25,7 +25,7 @@ const TableHeader = <TData, _>({ table }: { table: Table<TData> }) => {
                 key={header.id}
                 onClick={canSort ? header.column.getToggleSortingHandler() : undefined}
                 className={cn(
-                  'h-10 bg-card/80 px-2 text-foreground backdrop-blur-xl transition-colors',
+                  'h-10 bg-card px-2 text-foreground transition-colors',
                   canSort && 'cursor-pointer select-none hover:bg-muted/60',
                   sortDirection && 'bg-muted/70',
                 )}