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>
   );
 };

lib/helpers.ts

@@ -1,9 +1,3 @@
-import { getAuth } from "@/auth/queries/getauth";
-import { daphnis } from "./prisma";
-import { GameVersion } from "@/prisma/schemas/daphnis/generated/daphnis";
-import { getGameVersion } from "./api";
-import { LucideSuperscript } from "lucide-react";
-
 export const getDifficultyClass = (level: number) => {
   switch (level) {
     case 0:
@@ -38,7 +32,7 @@ export const getDifficultyText = (chartId: number | null) => {
     case 5:
       return "WORLDS END";
     default:
-      return "UNKNOWN"; // Default text if chartId doesn't match any case
+      return ""; // Default text if chartId doesn't match any case
   }
 };