Control scale: Button/IconButton primitives, two-height tokens, app-wide migration

src/app/components/ExtractModal.tsx

@@ -11,6 +11,7 @@
 import { useShallow } from 'zustand/react/shallow';
 import { closeModal } from '../modals/ModalCoordinator';
 import { useExtractStore } from '../stores/ExtractStore';
+import { Button } from './Button';
 import styles from './ExtractModal.module.css';
 
 const MAX_PREVIEW = 1500;
@@ -74,16 +75,12 @@ export function ExtractModal() {
       )}
 
       <div className={styles.actions}>
-        <button type="button" className={styles.action} onClick={() => void closeModal()}>
+        <Button size="lg" onClick={() => void closeModal()}>
           Cancel
-        </button>
-        <button
-          type="button"
-          className={`${styles.action} ${styles.primary}`}
-          onClick={handleCreate}
-        >
+        </Button>
+        <Button variant="primary" size="lg" onClick={handleCreate}>
           Create dataset
-        </button>
+        </Button>
       </div>
     </div>
   );