feat: 이미지 목록 페이지 작업

packages/common/components/src/ui/data-table/index.tsx

@@ -3,6 +3,7 @@ import {
   type RowData,
   type Table as TableType,
 } from "@tanstack/react-table";
+import { cn } from "../../lib";
 import { Table, TableCell, TableHead, TableHeader, TableRow } from "../table";
 
 declare module "@tanstack/react-table" {
@@ -55,7 +56,15 @@ function DataTable<T>({
           <TableRow
             key={row.id}
             onClick={() => onRowClick?.(row.original)}
-            className={onRowClick ? "cursor-pointer hover:bg-accent" : ""}
+            className={cn(
+              onRowClick && "cursor-pointer hover:bg-accent",
+              variant === "default" &&
+                "[data-theme='black'] hover:!bg-[rgba(84,85,86,0.7)]",
+              variant === "secondary" &&
+                "[data-theme='black'] hover:!bg-[rgba(86,91,95,0.7)]",
+              variant === "line" &&
+                "[data-theme='black'] hover:!bg-[rgba(255,255,255,0.1)]",
+            )}
           >
             {row.getVisibleCells().map((cell) => {
               const { meta } = cell.column.columnDef;