updates on the ui changes and changed into doormile

src/components/ds/DataTable.jsx

@@ -7,7 +7,7 @@ import { SkeletonTable } from '@/components/ds/Skeleton';
 import { LoadingOverlay } from '@/components/ds/LoadingState';
 import { Pagination } from '@/components/ds/Pagination';
 import { Checkbox } from '@/components/ui/checkbox';
-import { usePreferences } from '@/lib/krowHooks';
+import { usePreferences } from '@/lib/preferences';
 
 /**
  * DataTable — the app's one table.
@@ -232,7 +232,7 @@ export function DataTable({
                           onClick={() => toggleSort(column)}
                           className={cn(
                             'inline-flex items-center gap-1.5 rounded-sm transition-colors hover:text-ink-2 focus-ring-inset',
-                            active && 'text-krow-blue'
+                            active && 'text-brand'
                           )}
                         >
                           {column.header}
@@ -259,7 +259,7 @@ export function DataTable({
                     className={cn(
                       'border-b border-border last:border-0 transition-colors duration-fast',
                       onRowClick && 'cursor-pointer',
-                      isSelected ? 'bg-krow-blue-tint' : 'hover:bg-surface-subtle',
+                      isSelected ? 'bg-brand-tint' : 'hover:bg-surface-subtle',
                       typeof rowClassName === 'function' ? rowClassName(row) : rowClassName
                     )}
                   >