Update table header styling in UI

The styling for table headers has been updated in the table.tsx file. The previous styling for background and text color has been extended to include inheritance for child elements. This change provides refinement and flexibility for nested table elements and their appearance.

Author: thevuong

packages/ui/src/react/table.tsx

@@ -37,7 +37,10 @@ export const TableHeader = forwardRef<
   React.HTMLAttributes<HTMLTableSectionElement>
 >(({ className, ...props }, forwardedRef) => (
   <thead
-    className={twMerge('bg-muted text-muted-foreground', className)}
+    className={twMerge(
+      'bg-muted text-muted-foreground *:bg-inherit',
+      className,
+    )}
     ref={forwardedRef}
     {...props}
   />