added title to scores tables

components/scoreplaylog/colums.tsx

@@ -18,10 +18,10 @@ export const columns: ColumnDef<chunithm>[] = [
 
     cell: ({ row }) => {
       return (
-        <ImageCell
-          jacketPath={row.original.jacketPath!}
-          title={row.original.title!}
-        />
+        <div className="flex items-center">
+          <ImageCell jacketPath={row.original.jacketPath!} />
+          <span className="ml-2">{row.original.title}</span>
+        </div>
       );
     },
   },

components/scoreplaylog/image.tsx

@@ -4,10 +4,9 @@ import { Skeleton } from "../ui/skeleton";
 
 interface ImageCellProps {
   jacketPath: string | undefined;
-  title: string;
 }
 
-const ImageCell: React.FC<ImageCellProps> = ({ jacketPath, title }) => {
+const ImageCell: React.FC<ImageCellProps> = ({ jacketPath }) => {
   const [isLoading, setIsLoading] = useState(true);
 
   const handleImageLoad = () => {
@@ -33,7 +32,6 @@ const ImageCell: React.FC<ImageCellProps> = ({ jacketPath, title }) => {
       ) : (
         <Skeleton className="inline-block h-[100px] w-[100px]" />
       )}
-      <span className="truncate">{title}</span>
     </div>
   );
 };