fix(review): address coderabbit review findings across modals, widgets, ui, and tests

packages/ui/src/components/selectable-card/selectable-card.module.css

@@ -8,7 +8,7 @@
   min-height: 175px;
   height: 100%;
   padding: var(--mantine-spacing-sm);
-  border-radius: var(--mantine-radius-md);
+  border-radius: var(--selectable-card-radius, var(--mantine-radius-md));
   background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark-7));
   border: 1px solid var(--mantine-color-default-border);
   box-shadow: var(--mantine-shadow-xs);

packages/ui/src/components/selectable-card/selectable-card.spec.tsx

@@ -289,7 +289,7 @@ describe("SelectableCard", () => {
   });
 
   describe("interactions and accessibility", () => {
-    it("supports keyboard activation via Enter and Space", async () => {
+    it("supports focus and click activation", async () => {
       const onClick = vi.fn();
       await act(async () =>
         root.render(
@@ -304,7 +304,7 @@ describe("SelectableCard", () => {
       expect(document.activeElement).toBe(button);
 
       await act(async () => {
-        button?.dispatchEvent(new MouseEvent("click", { bubbles: true, cancelable: true }));
+        button?.click();
       });
       expect(onClick).toHaveBeenCalledOnce();
     });