refactor: migrate related components

apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/EditableImage.tsx

@@ -50,9 +50,7 @@ function EditableImage({ initialValue, updateValue }: EditableImageProps) {
   return (
     <div className={style.imageCell}>
       <div className={style.overlay}>
-        <Button variant='subtle-white' onClick={openInNewTab}>
-          Preview
-        </Button>
+        <Button onClick={openInNewTab}>Preview</Button>
         <Button variant='subtle-destructive' onClick={() => handleUpdate('')}>
           Delete
         </Button>

apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-settings/CuesheetTableSettings.tsx

@@ -72,7 +72,7 @@ function ViewSettings() {
     <Popover.Root>
       <Popover.Trigger
         render={
-          <Button variant='ghosted'>
+          <Button variant='ghosted-white'>
             <IoSettingsOutline /> Settings
             <IoChevronDown />
           </Button>
@@ -140,7 +140,7 @@ function ColumnSettings({
     <Popover.Root>
       <Popover.Trigger
         render={
-          <Button variant='ghosted'>
+          <Button variant='ghosted-white'>
             <IoOptions /> View
             <IoChevronDown />
           </Button>