removed react query

components/scoreplaylog/colums.tsx

@@ -24,38 +24,45 @@ export const columns: ColumnDef<chuni_score_playlog & chuni_static_music>[] = [
   {
     accessorKey: "title",
     header: "Title",
+    cell: ({ row }) => <div className="font-medium">{row.original.title}</div>,
+  },
+  {
+    accessorKey: "score",
+    header: "Score",
+    cell: ({ row }) => (
+      <div>
+        {row.original.score?.toLocaleString()}
+        {row.original.isNewRecord && <span className="pl-2 ">New!!</span>}{" "}
+      </div>
+    ),
+  },
+  {
+    accessorKey: "userPlayDate",
+    header: "Date",
+  },
+
+  {
+    accessorKey: "FC / AJ",
+    header: "FC / AJ",
     cell: ({ row }) => (
       <div>
         <div className="font-medium">
-          {row.original.title}
           <span className="space-x-2 pl-2">
-            {row.original.isFullCombo && (
-              <Badge className="rounded-sm">Full Combo</Badge>
+            {!row.original.isAllJustice && row.original.isFullCombo && (
+              <span className="">Full Combo</span>
             )}
             {row.original.isAllJustice && (
-              <Badge className="rounded-sm bg-yellow-500 text-black">
-                All Justice
-              </Badge>
-            )}
-            {row.original.isNewRecord && (
-              <Badge className="rounded-sm bg-pink-400 text-white">New!!</Badge>
+              <span className=" ">All Justice</span>
             )}
           </span>
         </div>
-        <div className="text-sm text-muted-foreground truncate inline-block w-[200px]">
-          {row.original.artist}
-        </div>
       </div>
     ),
   },
   {
-    accessorKey: "score",
-    header: "Score",
-    cell: ({ row }) => row.original.score?.toLocaleString(),
-  },
-  {
-    accessorKey: "userPlayDate",
-    header: "Date",
+    accessorKey: "Attempts",
+    header: "Attempts",
+    cell: ({ row }) => <div className="font-medium">{row.original.title}</div>,
   },
   {
     id: "actions",