fix(ui) : simplify admin controls and artifact selection

components/admin/editors/extra-editor.tsx

@@ -79,9 +79,9 @@ export function SortableExtraItem({
       {children(
         <Button
           type="button"
-          variant="ghost"
+          variant="plain"
           size="icon-sm"
-          className="touch-none"
+          className="touch-none cursor-grab active:cursor-grabbing"
           {...attributes}
           {...listeners}
         >
@@ -163,7 +163,7 @@ export function ExtraCatalogItemsEditor({
                               <p className="text-sm text-muted-foreground">{labels[reference.kind]}</p>
                             </div>
                             {dragHandle}
-                            <Button type="button" variant="ghost" size="icon-sm" onClick={() => onChange(value.filter((_, itemIndex) => itemIndex !== index))} aria-label={`ลบ ${label}`}>
+                            <Button type="button" variant="plain" size="icon-sm" onClick={() => onChange(value.filter((_, itemIndex) => itemIndex !== index))} aria-label={`ลบ ${label}`}>
                               <XIcon />
                             </Button>
                           </CardContent>
@@ -352,7 +352,7 @@ export function ExtraEditor({ guide, extraSectionId, initial, characters, weapon
               <CardAction className="flex items-center gap-1">
                 <DeleteConfirmationDialog
                   trigger={
-                    <Button type="button" variant="ghost" size="icon-sm" />
+                    <Button type="button" variant="plain" size="icon-sm" />
                   }
                   title={`ลบ ${section.title || `Extra section ${sectionIndex + 1}`}?`}
                   description="แถว ข้อความ รูปภาพ และเปอร์เซ็นต์ทั้งหมดในส่วนนี้จะถูกลบออกจาก Guide"
@@ -415,7 +415,7 @@ export function ExtraEditor({ guide, extraSectionId, initial, characters, weapon
                         trigger={
                           <Button
                             type="button"
-                            variant="ghost"
+                            variant="plain"
                             size="icon-sm"
                           />
                         }
@@ -470,7 +470,7 @@ export function ExtraEditor({ guide, extraSectionId, initial, characters, weapon
                             trigger={
                               <Button
                                 type="button"
-                                variant="destructive"
+                                variant="plain"
                                 size="icon-sm"
                                 className="absolute top-2 right-2"
                                 aria-label="ลบภาพ"