What: Replace the raw <button> cancel buttons in ExportModal and ImportModal with the Button component via a new ButtonVariant::Ghost (or ButtonVariant::Cancel).
Pros: Centralized styling — if the cancel style ever changes, one place to update.
Cons: Requires adding a new ButtonVariant to button.rs.
Context: Both modals render button { class: "flex-1 bg-surface2 border border-edge rounded-[10px] px-3 py-2 text-sm text-muted ..." } directly. A ButtonVariant::Ghost would encapsulate this style.
What: Replace the raw
<button>cancel buttons inExportModalandImportModalwith theButtoncomponent via a newButtonVariant::Ghost(orButtonVariant::Cancel).Pros: Centralized styling — if the cancel style ever changes, one place to update.
Cons: Requires adding a new
ButtonVarianttobutton.rs.Context: Both modals render
button { class: "flex-1 bg-surface2 border border-edge rounded-[10px] px-3 py-2 text-sm text-muted ..." }directly. AButtonVariant::Ghostwould encapsulate this style.