fix: remove unnecessary transitions in table (#176)

Author: satnaing

src/components/ui/table.tsx

@@ -54,7 +54,7 @@ function TableRow({ className, ...props }: React.ComponentProps<'tr'>) {
     <tr
       data-slot='table-row'
       className={cn(
-        'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',
+        'hover:bg-muted/50 data-[state=selected]:bg-muted border-b',
         className
       )}
       {...props}

src/features/users/components/users-columns.tsx

@@ -25,7 +25,7 @@ export const columns: ColumnDef<User>[] = [
     meta: {
       className: cn(
         'sticky md:table-cell left-0 z-10 rounded-tl',
-        'bg-background transition-colors duration-200 group-hover/row:bg-muted group-data-[state=selected]/row:bg-muted'
+        'bg-background group-hover/row:bg-muted group-data-[state=selected]/row:bg-muted'
       ),
     },
     cell: ({ row }) => (
@@ -50,7 +50,7 @@ export const columns: ColumnDef<User>[] = [
     meta: {
       className: cn(
         'drop-shadow-[0_1px_2px_rgb(0_0_0_/_0.1)] dark:drop-shadow-[0_1px_2px_rgb(255_255_255_/_0.1)] lg:drop-shadow-none',
-        'bg-background transition-colors duration-200 group-hover/row:bg-muted group-data-[state=selected]/row:bg-muted',
+        'bg-background group-hover/row:bg-muted group-data-[state=selected]/row:bg-muted',
         'sticky left-6 md:table-cell'
       ),
     },