feat: enhance CopyButton tooltip styling and improve TableBody dark mode support

Author: ErwanDecoster

src/components/CopyButton.tsx

@@ -64,7 +64,7 @@ const CopyButton = ({
             </button>
           </span>
         </TooltipTrigger>
-        <TooltipContent side="top" className="max-w-sm">
+        <TooltipContent side="top" className="max-w-sm text-inherit">
           {tooltipMessage}
         </TooltipContent>
       </Tooltip>

src/components/ui/table.tsx

@@ -38,8 +38,9 @@ function TableBody({
     <tbody
       data-slot="table-body"
       className={cn(
-        '[&_tr]:border-muted *:bg-background [&_tr]:hover:*:bg-muted [&_tr:last-child]:border-0',
-        zebra && '[&_tr]:odd:*:bg-tooltip [&_tr]:odd:hover:*:bg-muted',
+        '[&_tr]:border-muted *:bg-background [&_tr]:hover:*:bg-tooltip dark:[&_tr]:hover:*:bg-muted [&_tr:last-child]:border-0',
+        zebra &&
+          'dark:[&_tr]:odd:*:bg-tooltip [&_tr]:hover:*:bg-tooltip dark:[&_tr]:odd:hover:*:bg-muted [&_tr]:odd:*:bg-[#fafaff]',
         className
       )}
       {...props}