fix(web): keep pinned table columns opaque

- apply pinned column background classes after custom column classes.
- use an opaque hover background so scrolled content cannot show through fixed cells.

web/default/src/components/data-table/data-table-view.tsx

@@ -322,7 +322,7 @@ function getResolvedColumnClassName(
 
     if (!pinnedColumn) return customClassName
 
-    return cn(getPinnedColumnClassName(pinnedColumn, kind), customClassName)
+    return cn(customClassName, getPinnedColumnClassName(pinnedColumn, kind))
   }
 }
 
@@ -341,7 +341,7 @@ function getPinnedColumnClassName(
     edgeClassName,
     kind === 'header'
       ? 'bg-background z-30'
-      : 'bg-background z-10 group-hover:bg-muted/50 group-data-[state=selected]:bg-muted',
+      : 'bg-background z-10 group-hover:bg-muted group-data-[state=selected]:bg-muted',
     pinnedColumn.className,
     kind === 'header'
       ? pinnedColumn.headerClassName